I've been experimenting with WebGL shaders inside Framer and ended up turning it into a free code component - an animated shader background you can drop behind any hero section.
Controls exposed:
Speed – how fast the pattern animates
Scale – spacing/density of the lines
Glow – intensity of the center streaks
Tint – an RGB multiplier so you can shift the palette without touching code
Max DPR – a performance cap for high density screens
Clear Color – the base background color
Check it out
1 like · 5 views · Jul 24, 2026
I've been experimenting with WebGL shaders inside Framer and ended up turning it into a free code component - an animated shader background you can drop beh...
