MOTION / LOADERS, PROGRESS, TOASTS AND REPLIES

Small interface moments in dots: loaders, progress, skeletons, toasts, pull to refresh and chat. Tap a card to replay it.

11 cards

Spinner: An arc that stretches as it spins, then closes into a ring with a check. Tap to replay.
Bounce: Three big dots hop in a wave on gravity arcs, their shadows shrinking as they rise. Tap to replay.
Scan: A light sweeps a bar of dot columns back and forth, finding one device a pass. Tap to replay.
Progress: An upload in sixteen block dots at an uneven pace. The block filling now is red. Tap to replay.
Indeterminate: Two bars chase along a rail while an update check runs, then the rail fills. Tap to replay.
Ring: A backup ring that fills with its percentage in the middle, then winds back. Tap to replay.
Skeleton: Placeholder dots shimmer three times, then each one gives way to the real post. Tap to replay.
Toast: Toasts rise in after SAVE: success, warning and a red error that shakes. Tap to replay.
Pull: Pull a chat list down, let go, and a new chat arrives while the ring spins. Tap to replay.
Typing: Three dots wave while the other side types, then the bubble stretches into the reply.
Send: A reply typed and sent: it flies into a bubble, then goes sending, sent and read in red.