Free Framer component · by PixelSunset

Shader Background Lite

5 free animated WebGL backgrounds for Framer.

+29 more in Shader Background Pro →
Tap a preset to switch the background live.

Small, free, and polite.

The same performance-friendly engine as Shader Background Pro, with five presets to start.

5 animated presetsMesh Gradient, Aurora, Silk, Liquid Chrome and Caustics.
Your colorsPreset or custom colors, tuned right in the properties panel.
Speed, scale and grainDial the motion and texture to fit your brand.
Accessible pause buttonVisitors can stop the motion at any time.
Reduced motionRespects prefers-reduced-motion with a still frame.
Offscreen pausingStops rendering when offscreen or in a hidden tab.
Want all 34 presets?Shader Background Pro adds 29 more presets (34 in all), intensity and seed controls, cursor strength and scroll parallax settings, and a logo overlay.
Upgrade to Shader Background Pro
Support: hello@pixelsunset.com

Create a free website with Framer, the website builder loved by startups, designers and agencies.