Liquid Aurora
Bring your designs to life with fluid gradients that flow, morph, and react to mouse movement. Perfect for hero sections, banners, and immersive UI backgrounds.
Make it with Workshop
Build your own component with AI
Create smooth, organic color transitions that flow, warp, and blend — delivering a visually immersive effect that transforms static layouts into living, atmospheric experiences. Ideal for premium landing pages, portfolio hero sections, product showcases, and interactive UI backdrops.
Customisations
• Add up to 8 custom colors
• Set rotation angle
• Auto-rotate gradient (angle per second)
• Animation speed control
• Scale control
• Frequency adjustment
• Mouse influence strength
• Parallax strength
• Noise texture intensity
• Optional transparent background
Usage
1. Copy and paste Liquid Aurora into your Framer project.
2. Position and resize it as desired.
3. Adjust settings in the properties panel to craft your perfect look.
3. Enjoy a stunning, fluid gradient animated background — instantly.
