Gradialy is a visual CSS gradient generator for designers, developers and web creators. Create linear, radial and animated gradients, add subtle grain, copy ready CSS code, save your favorite combinations and export gradients as PNG, SVG or HTML. Built by Fold Now Studio as a small, design-first tool for creating beautiful backgrounds and UI gradients faster.

Hi Product Hunt 👋 I’m Tomasz from Fold Now Studio, a small graphic and web design studio based in Poland. Gradialy started as a simple internal idea: I wanted a faster and more visual way to create CSS gradients for websites, interfaces and visual projects - without opening heavy design tools or jumping between random generators. With Gradialy you can create linear and radial gradients, add subtle animation and grain, copy ready CSS, save your favorite gradients in a local collection and export them as PNG, SVG or HTML. It’s still a young project, so I’d love to hear your feedback: - Is the interface clear? - What export options would be useful? - Would you use this in your design or frontend workflow? Thanks for checking it out!

Does the free tier include exporting to PNG and SVG, or is that locked behind a paid plan?

@cananv2d9 Everything is free. When exporting the highest resolution png files, you'll be asked if you'd like to share the Gradialy link on your social media.

Hi Tomasz, just checked out your product but i didn't log in because I don't use slack or teams. Will you add more options for login, like google. I would love to try the product!

Does the free tier include exporting to PNG and SVG, or is that locked behind a paid plan?

@cananv2d9 Everything is free. When exporting the highest resolution png files, you'll be asked if you'd like to share the Gradialy link on your social media.

Hi Tomasz, just checked out your product but i didn't log in because I don't use slack or teams. Will you add more options for login, like google. I would love to try the product!

Gradialy by Fold Now Studio

Visual CSS gradient generator for designers

Visual CSS gradient generator for designers