GradientBackground

About this ComponentGradient 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.