Playground · everything here is live, not a video
Scroll scenes, spring physics, magnetic hovers, kinetic type, Lottie - the interaction patterns we build into client sites, running right here so you can feel them before you buy them.
velocity_ · the type reacts to how hard you scroll
The lab bench
Pick it up, play with it
Hover, drag, tap. Each tile is one pattern from our component library - the same code that runs on the client sites.
magnetic
Buttons that lean toward the cursor and spring back when it leaves.
tilt
3D Tilt Card
hover & move
Cards with pointer-tracked perspective and a light that follows you.
layout
Elements that re-arrange themselves on a spring - no positions hand-animated.
presence
- message 1
- message 2
List items that enter and exit gracefully instead of popping.
lottie
Designer-made vector animation with runtime speed control.
chars
Per-character reveals for the biggest headlines.
words
Word-by-word masked reveals - the default for section titles.
0%
lighthouse, typical
0fps
or it doesn't ship
0
stock photos used
Every one of these ships in client work - tuned to the brand, and switched off for anyone who prefers reduced motion.