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

Erik D. Kennedy

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

1yr ago

Jayanth R

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

1yr ago

Erik D. Kennedy

Gradient Generator v2

Maker

@jayanthr thanks! Appreciate the kind words 🙏

Report

1yr ago

dashuai

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

1yr ago

Erik D. Kennedy

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

1yr ago

AutoForm — Automate the busywork from your files and your tools.

Automate the busywork from your files and your tools.

Promoted

Gradient Generator v2

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

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

Gradient Generator v2

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

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

Do you use Gradient Generator v2?

Do you use Gradient Generator v2?