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.
scroll_ · pinned scene · scrubbed to your scroll
building · 0%
Scroll up and down - the build follows you, frame by frame. We use this pattern for product stories, how-it-works pages and campaign reveals.
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
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
- message 3
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.