👋 Hi Product Hunters!
Gradients are everywhere these days & a beautiful gradient can breathe life to a rather dull website.
I love gradients so much that I decided to build a service called Gradient Joy that gives you beautiful gradient images that you can use as placeholders.
🤔 How do I use Gradient Joy?
Just put your image size (width x height) after our URL and you'll get a colorful gradient image placeholder.
👉 https://gradientjoy.com/300x200
That will give you this 👇
⚒ How I built Gradient Joy
- Images are hosted on Cloudinary. This also handles the resizing of images automatically.
- The beautiful gradients came from uiGradients.
- I used NextJS to build the app, it is a lightweight framework for static and server‑rendered applications.
⏭ What are the future plans for Gradient Joy
- send in your own colors and generate a gradient image
- add text to the gradient placeholder images
- request gradient images that have a specific color
- add more gradients
Go ahead and check it out! Gradient Joy
Your feedback is welcome & encouraged! 😻
I can see how I can use this for some cases but I would also like to see different shapes, dummy user or even simple shapes like circles and triangles.
SPELLL
I can see how I can use this for some cases but I would also like to see different shapes, dummy user or even simple shapes like circles and triangles.
Pros:Love the simplicity, love gradients!
Cons:Nothing I can think of
Hope you will add some features like adding Texts on them
Pros:Beautiful gradients as image placeholders when doing UI development.
Cons:Can't think of anything