ShaderBackground brings GPU-powered aurora gradient animations to your
Framer projects — no coding required.
What's included
- Animated aurora/gradient shader background
- Fully customizable via Framer property controls
- Zero dependencies — works out of the box
Properties
- Colors — match any brand palette
- Speed — subtle ambient motion or dynamic animation
- Intensity / Scale — control the strength of the effect
Perfect for
- Hero sections & landing pages
- Portfolio & agency sites
- App & SaaS showcases
How to use
1. Copy the component URL
2. Paste into any Framer project (Cmd+V / Ctrl+V)
3. Drag onto canvas
4. Customize in the right panel
5. Publish 🚀
Compatible with all Framer plans.
ShaderBackground brings GPU-powered aurora gradient animations to your
Framer projects — no coding required.
What's included
- Animated aurora/gradient shader background
- Fully customizable via Framer property controls
- Zero dependencies — works out of the box
Properties
- Colors — match any brand palette
- Speed — subtle ambient motion or dynamic animation
- Intensity / Scale — control the strength of the effect
Perfect for
- Hero sections & landing pages
- Portfolio & agency sites
- App & SaaS showcases
How to use
1. Copy the component URL
2. Paste into any Framer project (Cmd+V / Ctrl+V)
3. Drag onto canvas
4. Customize in the right panel
5. Publish 🚀
Compatible with all Framer plans.
