3 Animated Gradients — Three animated gradient backgrounds

Animated Background Tool – a powerful, copy-paste Framer code component delivering cinematic animated backgrounds without external libraries.

Choose from three premium effects:

• Noise Gradient: shifting rainbow hues + intense fractal noise overlay for organic, evolving texture.

• Lava / Liquid Gradient: molten blob animations that flow and pulse from the bottom center, perfect for fiery or energetic vibes.

• Halo Gradient: soft, glowing radial halos anchored at bottom center for dreamy, atmospheric depth.

Key features

• 3 custom color pickers (Primary, Secondary, Accent) that instantly theme every effect

• All animations focalized at bottom center for balanced, professional composition

• Animate Preview toggle – turn off for static exports, performance checks, or subtle designs

• Smooth, performant CSS + SVG implementation – no heavy WebGL

• Easy to use: drag to fill frame, select effect & colors in properties panel

Ideal for hero sections, landing pages, portfolios, apps, or any project needing modern, eye-catching motion. Remix, tweak, and make it yours!