UI components

A destructive button you have to hold: the fill sweeps across, letting go early springs it back.

Overlapping avatars that fan apart on hover, with presence dots, tooltips and a +N overflow list.

Follow becomes Following with a width-morph and tick; hovering a followed state previews Unfollow.

A download button that shrinks into a progress ring, counts up, then expands back with a tick and file size.

Up / down vote control where the score rolls in the vote’s direction and the chosen arrow fills.

A save button whose ribbon fills from the top and dips like it was pressed, with an optional “Saved to” toast line.

A snooze popover with smart presets that show the actual resulting time, plus a custom stepper.

A native scroll-snap card carousel with arrow buttons and pager dots that stretch toward the active card.

Clamped text that expands to its full height smoothly, with a toggle that only appears if the text actually overflows.

A compact cookie card with Accept / Reject and a Customise view where each category has its own switch.

A sun / moon button whose rays retract and a crescent bites in as it switches; a three-way variant adds System.

A poll that reveals results after you vote: bars grow to their share, your pick is ticked, the leader is bold.

Hover or focus a @mention to preview the profile in a card, with an open delay, a grace period and a Follow button.

A primary action with a chevron that opens related variants; picking one makes it the new default action.

A button that holds its width through idle, loading, success and error, with a spinner, a drawn tick and a shake.

A floating + button that rotates to × and fans out labelled mini actions, staggered from the nearest one.

A slim top-of-page bar that rotates through announcements with a vertical slide, pauses on hover and can be dismissed.

Drag one time across a day and see it in every team member’s timezone, with working hours shaded on each track.

A compact chat: your message slides up from the composer, shows Sent then Read, and a typing indicator precedes replies.

A searchable keyboard-shortcut reference grouped by area; press ? to open it, and typing filters keys and names.

An API key row: masked by default, reveal with a press, copy with a tick, and roll the key behind an inline confirm.

A vertical delivery timeline: completed steps get ticks and times, the current step pulses, and an ETA heads the card.

A chat voice-message bubble: play / pause, a waveform that fills as it plays and can be scrubbed, plus 1× / 1.5× / 2×.