GradientBackground
A smooth, animated gradient background with customizable style, speed, scale, noise, and position for dynamic hero sections.
Make it with Workshop
Build your own component with AI
About this Component
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.
