Velosikew: Scroll-Velocity WebGL for Framer

Velosikew is a scroll-velocity-driven WebGL distortion component for Framer. Live on the Contra Products.

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.