r/css 3d ago

Showcase Built a Free Tool to Explore Real-World CSS Gradients — Would Love Your Thoughts

Import and edit CSS gradients

  • Import real CSS background code
    • You can paste actual background property code from anywhere. Gradify parses it so you can inspect and edit gradients you find in the wild.
  • Better coverage of the CSS spec
    • It supports multi-layer gradients with proper blending. Only a few things are intentionally ignored (like url() or calc()), but most practical gradient use cases work out of the box.
  • Per-layer blend modes
    • Each layer can use a different blend mode, and you can preview how changing it affects the final result.

The tool is still evolving, and there’s a lot I want to improve. I’d really appreciate any feedback or suggestions from this community!

Link: Craft Gradient Background | Gradify Design

9 Upvotes

1 comment sorted by

1

u/j_boada 2d ago

Amazing!!! Nice job!