Motion in practice
The vocabulary, in real dashboards
Three fully interactive product surfaces, built from the same terms. Each motion is labeled where it happens — toggle Annotate off for the clean product view, or hit Replay to watch it load again. Tap any label to jump to that term.
Interact with everything — hover, drag, swipe, play. See each term solo on the Vocabulary page.
Analytics dashboard
The home screen of a SaaS app. Watch it load: a skeleton shimmers, then cards stagger in while their numbers count up, the revenue line draws itself, and bars spring up from the baseline.
Music player
Ambient, continuous motion that makes an app feel alive. The grid staggers in, album art floats, the equalizer yoyos, the title marquees, you can drag the scrubber, and the now-playing bar morphs into a full panel.
Mail client
Dense, list-driven UI where motion aids orientation. The list staggers in, swipe a message left to archive it, selecting one slides the reading pane in the right direction, and composing scales a dialog up before a toast slides in.
Q3 launch plan
Your payout is on the way
Re: design tokens
3 new comments
Lunch next week?
Q3 launch plan
Riya Mehta
to me · just now
Sharing the updated timeline — can you review the rollout section before Friday?