Transform Scroll Velocity with Velosikew for FramerTransform Scroll Velocity with Velosikew for Framer
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Leslie's avatar
Leslie Isah
pro
• May 9
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.
Completed work
Product ManagementFramerTypeScriptWebGLFramer Plugin Developer
Wael's avatar
Wael Web Design
pro
• May 9
Amazing Design 🔥
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started