GradientBackground

About this Component Gradient Background is a versatile, lightweight Framer component that adds animated, vibrant gradient backgrounds to your projects.

About this Component Gradient Background is a versatile, lightweight Framer component that adds animated, vibrant gradient backgrounds to your projects. It comes with multiple predefined gradient styles and allows users to customize the animation speed, scale, noise, and position offsets for precise control over the gradient flow. Features Unique gradient styles (Sunset, Ocean, Neon, Aurora, Fire, Forest, CandyPop, Galaxy, etc.) Smooth, continuous animation Adjustable scale for gradient intensity and spread Noise control for subtle texture effects Position offsets to shift the gradient focus easily Fully Framer-compatible and lightweight Use Case Perfect for creating hero sections, banners, backgrounds, and interactive landing pages. Ideal for designers looking to add dynamic, visually engaging backgrounds without external assets or heavy animations.