Built a WebGL image carousel for Framer and I can't stop scrolling it 🌊
WaveFlow uses a custom GLSL vertex shader to bow and ripple each card as you drag — the faster you scroll, the more dramatic the deformation. Slow down and it eases back to flat. Every frame is live GPU geometry, no CSS tricks.
The background reacts too. It samples the dominant color from whichever image is centered and cross-fades the gradient toward it. Dark base, color bloom from below. Feels alive.
→ Drag or scroll to move through cards
→ Wave intensity, easing, speed, corner radius — all property controls
→ Grayscale mode + autoplay built in
→ Drop in your own images via the Assets panel
Built with Three.js r164 + custom ShaderMaterial. Zero dependencies beyond that.
Letting this one breathe before I put it on the Marketplace. Happy to hear what you'd want from a v2.
Built a WebGL image carousel for Framer and I can't stop scrolling it 🌊
WaveFlow uses a custom GLSL vertex shader to bow and ripple each card as you drag — the faster you scroll, the more dramatic the deformation. Slow down and it eases back to flat. Every frame is live GPU geometry, no CSS tricks.
The background reacts too. It samples the dominant color from whichever image is centered and cross-fades the gradient toward it. Dark base, color bloom from below. Feels alive.
→ Drag or scroll to move through cards
→ Wave intensity, easing, speed, corner radius — all property controls
→ Grayscale mode + autoplay built in
→ Drop in your own images via the Assets panel
Built with Three.js r164 + custom ShaderMaterial. Zero dependencies beyond that.
Letting this one breathe before I put it on the Marketplace. Happy to hear what you'd want from a v2.
