👋 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! 😻
Report
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
Report
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
Report
A good idea of a placeholder to replace images. Make the feeling of space well so from today for my projects I will use this :)
Pros:
A good idea of placeholder
Cons:
No particular consideration
Report
Reviews
Most Informative
No reviews yetBe the first to leave a review for Gradient Joy
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
A good idea of a placeholder to replace images. Make the feeling of space well so from today for my projects I will use this :)
Pros:A good idea of placeholder
Cons:No particular consideration