Velocity Card Deformation
Dev Resources
Overview
Inertial Prints is an endless strip of portrait photographs that react to your hand. Scroll, drag or fling, and the prints bend, curl and ripple like paper moving through air. The faster you move, the more they deform. When you let go, they settle flat again. Around the photos sits a quiet, editorial layout in dark, warm tones, a caption that changes with the centred print, a small progress ruler and a soft film grain.
Tech Stack
- React 19
- Vite
- GSAP
- Lenis
- Tailwind CSS
- Three.js
- GLSL
Highlights
- Photos bend and ripple based on how fast you move them
- Endless loop, so the strip never reaches an end
- Works with mouse wheel, trackpad, drag and touch swipe
- Layout adapts to phones, tablets, desktops and landscape screens
- Stays smooth on weaker devices by adjusting quality automatically
Formats
Github RepositoryGet Access to this Resource
Get instant access to your custom-built website, complete with stunning design and seamless functionality. Start showcasing your brand today!
Contact Us