Gradient Fields

Four animated gradient backgrounds

Summary

You can even export as code/MP4/SVG/CSS on FeralUI This is Premium component What Gradient Fields offers: Continuous updates and improvements.

If you want to explore gradients first, go to feralui.dev/gradients. It is free.

You can even export as code/MP4/SVG/CSS on FeralUI

Update

13 september 2026: Added Prism preset

What Gradient Fields offers:

Continuous updates and improvements. You buy once, the component keeps getting better.
New gradients that are not on the site. They land here first, some only here.
Full customization and the full code. Every dial, every colour, and the file is yours to edit.
Full support. You ask, I fix.
Directly support FeralUI

Four types inside: Sky, Glassy, Aurora, Glow. Works on the Framer canvas, animates on the live site.

This is one time purchase, new preset will be added to existing component