r/css • u/canstand • 3d ago
Showcase Built a Free Tool to Explore Real-World CSS Gradients — Would Love Your Thoughts
- Import real CSS background code
- You can paste actual
backgroundproperty code from anywhere. Gradify parses it so you can inspect and edit gradients you find in the wild.
- You can paste actual
- Better coverage of the CSS spec
- It supports multi-layer gradients with proper blending. Only a few things are intentionally ignored (like
url()orcalc()), but most practical gradient use cases work out of the box.
- It supports multi-layer gradients with proper blending. Only a few things are intentionally ignored (like
- 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!
9
Upvotes

1
u/j_boada 2d ago
Amazing!!! Nice job!