Cool Backgrounds

Create fast, one-of-a-kind hero images for blogs & websites

#4 Product of the DayMay 23, 2018

Cool Backgrounds is a collection of tools to create compelling, colorful images for blogs, social media, and websites. Beyond backgrounds, the images generated can be used as πŸ–₯ desktop wallpapers or cropped for πŸ“± mobile wallpapers.

Would you recommend this product?
8 Reviews5.0/5
Hola Product Hunt, Cool Backgrounds is a curated list of javascript libraries that lets you create a one-of-a-kind image for blog posts, website backgrounds or to use as a phone wallpaper. πŸ“” The "Background" While finishing up another side project CSS Gradient (, I unexpectedly noticed the popularity of free wallpaper and background image websites. As useful as static images are, what was missing was a tool that enables non-technical folks to use all the emerging javascript libraries to create unique images of their own. So Cool Backgrounds was born πŸ’₯. πŸ‡²πŸ‡½ Maker Bio My name is Moeβ€”I’m a Mexican designer trained at MIT and based in San Francisco. I created Cool Backgrounds because I ran into the problem first hand of wanting a compelling image for another side project and ended up using javascript to create it, but damn was it painful. Not anymore 😊
Upvote (9)Share
@moeamaya ORALEEE esta bueniiiisimo!!!
Upvote (2)Share
I LOVE this! Just made myself a beautiful new iPhone wallpaper.
Upvote (4)Share
Making the web a better place day by day, thanks Moe. What's the next one?
Upvote (4)Share
@benln πŸ™ for hunting! Have a few more features to add to CoolBG but the next project is related to open graph visualization, think: a site that previews (and let’s you edit) how you look across all social channels. I’ve been wanting it forever!
Upvote (2)Share
@benln @moeamaya This is why I love Product Hunt so that we are all able to find sites like this one.
Upvote (1)Share
The tool looks great! Thanks for sharing ;) Wonder if there will be an option to download an SVG version of the image?
Upvote (3)Share
@svenalhamad Most of the javascript libraries are using canvas so it's a lil bit hard to extract an svg from that. But if you download any of the Gradient Topography samples, those are all in SVG since I built that library!
Upvote (1)Share

Superb tool to generate awesome backgrounds with multiple options and an intuitive interface.


Unique, straight-forward and very cool!


Can't see any

Upvote (2)Share