Gradient Joy: Beautiful gradients as placeholder images just for you

Beautiful gradients as placeholder images just for you

👋 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.

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

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