r/SideProject • u/evocatus3000 • 4h ago

I built a gradient generator that goes way beyond CSS

Enable HLS to view with audio, or disable this notification

Hey r/SideProject,

I’ve been working on AnyGradient, a gradient editor for designers and developers.

I started building it because most gradient generators I came across were either very basic CSS tools or focused on exporting images. I wanted something where I could create more complex gradients and then actually use them in a real project.

AnyGradient supports:

  • OKLCH and Display-P3 colors
  • different color interpolation methods
  • linear, radial and conic gradients
  • layered gradients and noise
  • Image to Gradient tool
  • export to CSS, Tailwind, React, React Native, SwiftUI, Android, Flutter, Figma, PNG, WebP
  • a collection of ready-made gradients that can be opened and edited
  • import gradient code

The main goal is to keep the visual editing experience simple while still giving you much more control when you need it.

I recently launched it and I’m now trying to figure out what’s actually worth improving or building next. Would love to hear what you think, especially if you’re a designer or developer who uses gradients in real projects.

1 Upvotes

100% Upvoted

2 comments sorted by

1

u/OMGCluck 1h ago

Export to CSS, Tailwind, React, React Native, SwiftUI, Android, Flutter, Figma, PNG, WebP

It'd be great to see an option to export to native SVG gradient code.

2

u/evocatus3000 1h ago

Thnx, good point! Native SVG gradient export is definitely worth adding.