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 (https://www.framer.com/community/marketplace/components/shaderbg/)
2
4
71
Introducing Frostline 🌫️
A new Framer component built for clean, premium-feeling scroll transitions.
It softly blurs content at the edges of scroll areas or sections, the kind of subtle detail that makes a design feel finished rather than default. You can set the direction, adjust how many blur layers stack, and fine-tune the curve (linear, eased, or exponential) to control intensity.
Comes with presets for common spots like headers, footers, and sidebars, along with hover intensity, responsive sizing, and scroll-in animation, so it adapts easily across different projects.
Check it out here - Link (https://dub.sh/Frostline-Contra)
1
127