Gradient Generator v2

Create gorgeous gradients in 8 color spaces · 1-click export

61 followers

Create gorgeous gradients in 8 color spaces · 1-click export

61 followers

Create & export linear, radial, & conic gradients. Automatically creates vivid, colorful gradients in 8 different color spaces. One-click CSS or SVG (drag-and-drop into Figma, Sketch, Canva, etc).

Free

Launch tags:Design Tools•Web Design•UX Design

Launch Team

AppSignalReal-time monitoring that helps you ship with confidence

Promoted

Gradient Generator v2

Maker

📌

What’s new in v2: - Interpolate in 8 different color spaces (6 of which are perceptually uniform) - Get live previews of each color space - Go the “long way” around the color wheel (adds more color to the gradient) - Add a third color - Drag-and-drop to reorder - Choose from a gradient gallery - Share URLs to your gradients And you can, of course, still: - Copy the CSS with one click - Export as an SVG for drag-and-drop into Figma/Sketch/etc. - Add easing for smooth transitions between background colors I made this to be the very best gradient tool on the web. Any questions? HMU 😎

Report

2yr ago

Really well done! Played around with it for a bit, and I'm very impressed. The controls are simple but still comprehensive. Never felt that I wasn't able to get a look that I was looking for. Great job!

Report

2yr ago

Gradient Generator v2

Maker

@jayanthr thanks! Appreciate the kind words 🙏

Report

2yr ago

Focumon

Congrats on the launch! Is there a way to add more than 3 colors?

Report

2yr ago

Gradient Generator v2

Maker

@milton_ren Nope! What use-case are you thinking of? :)

Report

2yr ago

Ellipsis (YC W24)

support for Tailwind coming?

Report

2yr ago

Gradient Generator v2

Maker

@nsbradford To be honest, I haven't even looked into what that would entail!

Report

2yr ago

Excited to see v2 of this gradient tool, @erikdkennedy! The live previews and ability to choose from multiple color spaces sound fantastic for enhancing the design workflow. I especially love the addition of a third color and the gradient gallery—definitely adds versatility to the creations. The one-click CSS export feature is a game changer for quick prototyping in PH. Can't wait to try dragging and dropping into Figma and other design platforms; it really streamlines the process. Have you thought about integration with other tools or platforms to further expand its reach? Keep up the great work, and looking forward to more updates!

Report

2yr ago

Gradient Generator v2

Maker

@ezshine Great question, it's available as a Figma plugin already (https://www.figma.com/community/...) but so far that's the only other platform integration 👍

Report

2yr ago

Congrats on launch of Gradient Generator v2....

Report

2yr ago

Reviews