Project shortcuts
Move across the dock to explore.Swipe to explore. Tap to open.
Links open in a new tab · Tab or arrow keys to navigate
Craft
Reusable UI snippets. Small, inspectable, ready to lift.
Open
Sprint 14
Drag a card by its handle, or focus the handle and use the arrow keys: Up and Down reorder within a column, Left and Right move the card to the neighbouring column.
Grab a card anywhere (or its handle on touch). Esc cancels; arrow keys on the handle move it too.
Kanban Board
Hover the stack to fan it out and pause timers. Swipe a toast down or sideways to dismiss. Alt+T focuses the newest one.
Toast Stack
Hold to delete · release to cancel
Hold Confirm
Velnor UI
Motion kit
Coverflow
01 / 04
Pfolio
Creative portfolio with motion polish.
Swipe Deck
Drag the handle · flick to dismiss
Spring Drawer
Name your project
Pick something the team will recognise in the sidebar.
Step 1 of 4: Name your project
Step Wizard
Type or paste a code · demo code 482910
OTP Field
November2026
Su
Mo
Tu
We
Th
Fr
Sa
Ships Tue, Nov 3 · in 9 days
Calendar Month
Response SLA (minutes)
1864
Alert when first reply sits between 18–64 min.
Range Slider
Inbox · 3
Refund #4821Aisha K.
Customer asked for a partial refund on the Dubai leg. Ops confirmed the fare difference; waiting on finance to post the credit note.
Drag · double-click to reset · drag far left to collapse40%
Split Pane
Image comparison, 50% landing revealed
Drag or tap anywhere · arrow keys nudge
Image Compare
Drop screenshots or PDFs
Paste, or browse
PNG, JPG, JPEG, WEBP, PDF · up to 8.0 MB · 5 files max
File Dropzone
Priority queueDrag to reprioritise
Press Space to pick up. Use the arrow keys to move, Space to drop, Escape to cancel.
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 launch
Design · blocked on assets
Triage weekend support backlog
Support · 14 open
Drag the grip · or focus it, Space to pick up, arrows to move
Reorder List
Overview
Project pulse for Atlas Dashboard: scope, owners and the next ship window.
12
open
4
owners
Oct 24
ship
Animated Menu
The first one succeeds, the second one fails. Both reset on their own.
Morph Button
Notes
Q3 roadmap
Vendor call notes
Launch checklist
Ideas
Tap + to create
Speed Dial
Ticket labels
billingpriority
Enter or comma to add2/6
Try adding “billing” again, or press Backspace twice on an empty field. Paste “web, mobile” to add both.
Chip Input
Refund webhook retriesOPS-212
Daily digest emailOPS-198
Image CDN migrationOPS-190
Vendor payout exportOPS-176
Filter Bar
Range
12sessions
8.4h · this week
Align
Preview copy snaps to left.
Segmented Control
$12,847
Revenue this month
1,234
Active users
99.98%
Uptime
Animated Number
Craft pass
Studio member
4291 •••• 0207
09/28
Surface
Any content block
The card leans toward the pointer, its shadow falls away from the raised edge, and layers lift off the surface.
3D Card
Springs retarget from the live value when you interrupt them. Fixed-duration easing can't be grabbed mid-flight, which is why accordions feel sticky when you click twice quickly. Try it: open and close the same row fast.
Spring Accordion
Rate your session
Star Rating
brand-assets.zip · 48 MB
Storage
CPU
Syncing
Progress Ring
Woxly notifications
A summary at 9:00 every weekday
When someone @mentions you
Mute everything 22:00–07:00
Saves to the server
Click, drag the thumb, or use Space and the arrow keys.
Toggle Switch
spinner
ring
dots
bounce
bars
orbit
Loader
Step 2 of 4: Delivery
Step 2 of 4 · Delivery
Vertical
Step 2 of 4: Delivery
Step Progress
- app
- layout.tsx
- page.tsx
- components
- animated-tree.tsx
- package.json
- README.md
Selected
tree
Use arrow keys to move through the tree and expand or collapse folders.
Animated Tree
01ResearchFind the useful signal.
02ShapeGive the idea a clear form.
03RefineMake every detail earn its place.
04ShipPut it in front of people.
Stagger List
One clear view.
Bring the important context together, then let people move into detail when they need it.
Three new comments.
Related content shares one panel; the height follows whatever is inside.
MiraCan we tighten the hero?
JordanShipped the fix 🎉
RileyLooks good to me
Spring Tabs
NowBuilding what comes nextA current chapter can hold several milestones, experiments and notes.
SpringA new collaborationEach entry gets a tag, a title and a short description.
Lifeline
Access policies
Set what each role can do. Roles inherit from the one above them.
Full control across the workspace.
Top-level role
Resource
All changes savedClick to cycleA allowD denyI inherit
Try changing Owner, then watch Admin and Analyst follow in Effective access.
Permission Matrix Editor
Inbox
Pull to refresh
M
Mira9:41
Notes from the review
J
Jordan9:12
Shipped the onboarding fix
R
RileyYesterday
Motion tokens, second pass
S
SamYesterday
Can we pair on the drawer?
A
AlexMon
Weekly digest
Drag the list down, scroll up past the top on a trackpad, or press the refresh button.
Pull Refresh
Click, or drag sideways to turn it by hand.
Flip Card
01/ 04
Story Scroller
Product design
Prototyping
Motion systems
Frontend craft
Accessibility
Design systems
Figma
React
Motion
TypeScript
Tailwind
Next.js
Rive
Scroll the page to speed it up, drag to scrub, hover to slow down.
Kinetic Marquee
Design
a loop, not a line
01/ 05
Observe
Find the real friction in the current experience.
Orbit Diagram
Saturday walk
0.0km1 min
Stops5/10
Route Editor
A layered story
Depth with restraint.
Each layer moves at its own pace, and focus settles as the scene arrives.
Move your pointer over the scene, and scroll to watch the layers drift and the focus pull.
Depth Story
Click, or press and drag toward an action
Magnetic Radial
Top sheet01 / 02
A little discovery
Some details are better found than announced. Pull the corner and see what’s underneath.
Peel from the top-right corner
Tear-off Interface
Storefront details
A small update, ready for your review.
HeadlineShippingReturn policySupport email
You’re in control.