Cool Backgrounds - Product Stars
Best products of August 2018

Cool Backgrounds

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

Upvotes 1,194 PH Page >
Moe Amaya
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 😊
Girl Alex
@moeamaya ORALEEE esta bueniiiisimo!!!
Toni Codina
That's so well-made! Lovely tool :)
Sven Al Hamad
The tool looks great! Thanks for sharing ;) Wonder if there will be an option to download an SVG version of the image?
Moe Amaya
@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!
Ayush Chandra
Great job!! 😊 Could this be used for designing logo or other background ?
Moe Amaya
@ayush_chandra Yup! There's a whole list of use cases I didn't mention, but I can definitely see logo design being on that list.
Hunter Owens
I LOVE this! Just made myself a beautiful new iPhone wallpaper.
Ben Lang
Making the web a better place day by day, thanks Moe. What's the next one?
Moe Amaya
@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!
Andy Parkhills
@benln @moeamaya This is why I love Product Hunt so that we are all able to find sites like this one.
Austin Fernald
Cool ☺️
Darin Ji
Only SVG?
Hi @moeamaya I'm wondering if you'll have any information about the copywriting, or terms of use? For now it's all completely free to use? I'm wondering if this could be a tool I can share with some folks who might be designing websites for commercial use
Moe Amaya
@bashbashuh Thanks for the question. I need to make this more clear, but everything will be CC0 licensed, and I believe for more interactive images you actually own the copyright. But I need to double check on that. Cheers!
Andy Parkhills
@moeamaya This is a perfect utility and a definite time saver!
Elijah Murray
Super useful, and I don't have to sign up or anything! One feature that would be cool is automatically generating them, hosting them on a CDN, and allowing us to reference the assets directly without having to download the graphic to our projects.