Hover to magnify · click to open · arrows to move focus
Craft
Reusable UI snippets. Small, inspectable, ready to lift.
Open
Sprint board
Ready
2Wire refund webhook
Billing · P1
Seat map QA on mobile
DXB · QA
Doing
1Ops digest email
Sanjid · today
Shipped
1Hold-confirm on archive
Craft · done
Drag from the grip to reorder. Drop on another column to move across.
Kanban Board
Hover the stack to expand and pause. Swipe down to dismiss — same edge they enter from.
Toast Stack
Press and hold until the fill completes. Release early to snap back. Reduced-motion users get a two-step confirm instead.
Hold Confirm
Woxly
1/5
Coverflow
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
Opens on the page — drag the handle, flick to dismiss.
Spring Drawer
Invalid code. Try again.
Paste a full code, or type digit by digit. Demo secret: 482910
OTP Field
Schedule ship window
July 2026
Su
Mo
Tu
We
Th
Fr
Sa
Target: Tue, Jul 21, 2026
Calendar Month
Response SLA (minutes)
1864
Alert when first reply sits between 18–64 min.
Range Slider
Ticket · thread
Queue
Refund #4821
Seat change · DXB
Invoice mismatch
Thread
Customer asked for a partial refund on the Dubai leg. Ops confirmed the fare difference; waiting on finance to post the credit note.
Drag the divider · arrow keys nudge · release springs back inside bounds.
Split Pane
Image comparison slider, 48% before revealed
BeforeAfter
Drag the handle — edges rubber-band, then spring back on release.
Image Compare
Attach evidence
Drop screenshots or PDFsPNG, JPG, or PDF · up to a few files
File type not accepted
Drag over the zone to see the accept morph. Wrong types flash an error state.
File Dropzone
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
Click to run the state machine. After success, it resets — or click again to start over.
Morph Button
Ticket labels
billingpriority
Enter or comma to add. Backspace removes the last chip when the field is empty. Paste splits on commas.
Chip Input
Ops board filters
Showing Open · Assigned to me
Filter Bar
Range
12sessions
8.4h · this week
Align
Preview copy snaps to left.
Segmented Control
Revenue
Active users
Animated Number
Depth
Pointer tilt
Perspective follows the cursor. Quiet parallax, no glow.
Surface
Content block
Drop in any children — profile, feature, or callout.
3D Card
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
Session feedback
4/5 — solid flow. Keep the same setup next week.
Star Rating
Sprint capacity
12%
12% of story points committed this sprint.
Progress Ring
Woxly notifications
Toggle Switch
Reveal copy with restraint —blur, chat, or pop.
One word at a timefeels like a message.
Pop. Pop.Pop.
Text Reveal
Pulse
Bounce
Spinner