Animated Gradient BG
Animated gradient background with 8 customizable colors, 6 motion modes, hover & gyro effects, 17 blend modes, dynamic blur, and complete performance control for stunning visuals.
Make it with Workshop
Build your own component with AI
Animated Gradient Background
is a professional Framer component that delivers fully animated and customizable gradient backgrounds.
Key Features:
Customize up to 8 blobs with individual colors and sizes, plus adjustable gradient stops for precise control
6 motion modes: Orbit, Organic, Lissajous, Figure8, Random, and All with automatic mode switching capabilities
Advanced interaction: hover tracking with overscan, mobile gyro support, pulse on tap, and scroll-based effects
17 different blend modes for unique visual effects including screen, overlay, and plus-lighter
Complete appearance control: blur, brightness, radius, grain effect, and custom base color
Optimized performance with automatic quality modes, off-screen pausing, and reduced motion support
Perfect for creating hero sections, landing pages, and eye-catching dynamic backgrounds without additional code.
