Depth
Pointer tilt
Perspective follows the cursor. Quiet parallax, no glow.
Surface
Content block
Drop in any children — profile, feature, or callout.
Craft
Reusable UI snippets. Small, inspectable, ready to lift.
Open
$
Revenue1
2
8
7
1
2
3
4
Animated Number
Woxly
1/5
Coverflow
Press and hold until the fill completes. Release early to snap back. Reduced-motion users get a two-step confirm instead.
Hold Confirm
Image comparison slider, 48% before revealed
BeforeAfter
Drag the handle — edges rubber-band, then spring back on release.
Image Compare
Pulse
Bounce
Spinner
Loader
Hover to magnify · click to open · arrows to move focus
Magnetic Dock
Overview
Short summary of the surface. Switch tabs to morph the panel.
Animated Menu
Click to run the state machine. After success, it resets — or click again to start over.
Morph Button
Paste a full code, or type digit by digit. Demo secret: 482910
OTP Field
Priority queue
Ship Q3 invoice export
Ops · due Friday
Tighten vendor onboarding copy
Product · in review
Cut checkout latency under 180ms
Eng · P1
Freeze brand kit for Watermelon
Design · blocked on assets
Triage weekend support backlog
Support · 14 open
Reorder List
Range
12sessions
8.4h · this week
Align
Preview copy snaps to left.
Segmented Control
Springs retarget from the live value when you interrupt them. Fixed-duration easing can't be grabbed mid-flight — which is why drawers and accordions feel sticky when you click twice quickly.
The panel still opens and closes, but overshoot and long height springs collapse into a short opacity cross-fade. Feedback stays; vestibular motion goes.
Occasional expands — settings, FAQ, detail sections. Not for keyboard-heavy navigation or lists you open dozens of times a day. Keep bounce at zero unless a flick preceded the settle.
Spring Accordion
Opens on the page — drag the handle, flick to dismiss.
Spring Drawer
Workspace
Name the surface your team will live in.
Step Wizard
Woxly
Multi-tenant commerce — storefronts and payments.
Befit AI
AI meal plans from goals, body, and diet.
Gym
Fitness template — services, schedule, CTA.
Pfolio
Creative portfolio with motion polish.
Swipe Deck
Reveal copy with restraint — blur, chat, or pop.One word at a time feels like a message.Pop. Pop. Pop.
Text Reveal
Hover the stack to expand and pause. Swipe down to dismiss — same edge they enter from.