Velosikew is a scroll-velocity-driven WebGL distortion component for Framer.
Live on the Contra Products (https://contra.com/payment-link/H9LfdFR5-velosikew).
What it does
Velosikew turns scroll velocity into image distortion. The faster you scroll,
the more the image warps. Custom GLSL shaders with chromatic aberration, five
named visual presets out of the box.
Architecture
- Custom GLSL shaders with a chromatic aberration pass
- Shared scroll singleton so multiple Velosikew instances on the same page reuse one listener instead of running setup per instance
- LenisProvider for smooth scroll integration
- IntersectionObserver gating so distortion math only runs while the component is on screen
Why it exists
Most scroll-driven Framer components are either heavy (shaders set up per
instance) or shallow (CSS transforms with no real distortion). Velosikew
sits in the middle: real WebGL distortion, designed to ship in production,
and usable without writing a line of GLSL.
1
1
40
Brand direction for oocyt Fertiity Frontiers (https://www.oocyt.org), a fertility support brand built around the idea that care during the fertility journey should feel clearer, calmer, and more human.