UI

Native <details> items whose height animates open and closed, with an optional one-at-a-time rule the browser enforces.

Six line icons that morph into a second state: menu to close, plus to close, copy to check, play to pause, sun to moon, and a check that draws itself.

Shows notifications arriving one at a time: the new one drops in at the top, the older ones are pushed down, and the oldest slides out.

A native select with an animated picker.

A button whose arrow slides out on hover as a new one slides in.

A row of overlapping avatars with a count chip such as "+2 398".

A browser window around a screenshot or any content: the three lights, an address bar with a lock, optional tabs with one active.

A scroll-snap strip with previous/next buttons and dot markers that the browser generates and keeps in sync.

A checkbox whose tick is drawn.

A code block with tabs (for example npm, pnpm, bun) and a copy button per panel.

A ⌘K command palette: a native modal dialog with an input and a ranked list of links.

A button that copies text to the clipboard: the icon turns into a check, the label says "Copied", and both come back after the ambient duration.

A native modal that scales in over a blurred backdrop and scales out again, closes on Escape, the close button or a backdrop click, and traps focus, all handled by the browser.

A macOS-style dock: the tile under the pointer swells, its neighbours swell less, and the row pushes apart to make room.

A bottom sheet that slides up over a scrim and can be dragged closed: it follows the finger, and on release springs back or leaves depending on distance and velocity, interruptible mid-flight.

A black pill that changes shape with its state.

A project tree whose folders open with an animated height, a turning chevron and a folder glyph that tips open; rows can be lit up to say "this is the file you change".

Filter buttons over a grid of cards: the cards that stay slide to their new places, the ones that go fade out, the ones that return fade in.

A poster card that plays a muted clip while the pointer or focus is on it and rewinds when it leaves.

Compares a before and an after image with a line you drag between them.

A thumbnail gallery whose images open full size: the image grows out of its own thumbnail on a same-document view transition and returns to it on close, and ← → move through the set.

A link that shows a small card (image, title, one line, domain) after a moment on hover or focus, above everything, flipping when there is no room.

A glass pane that blurs and tints whatever is behind it.

A one-time code in cells, from one native input.

A generic phone frame around a screenshot or any content, with three cut-outs (island, notch, punch), a home bar, and no logo, buttons or brand.

A floating pill of links whose active pill glides to the page you chose.

A popover that opens beside its trigger, flips when there is no room, closes on outside click or Escape, and animates in and out.

The AI prompt box: a form with a textarea that grows with its content through field-sizing, a model select, an attachment button that is a real file input, and a send button that dims until something is typed and spins while the form carries data-pending.

A highlight sweeps across the body of a button on a loop; hover lifts it on the preset's hover travel and adds a ring, and focus draws the same.

A burger that opens a full-screen menu (or a top sheet, or a side panel) whose items arrive one after another and leave in reverse.

One submit button with four faces (idle, pending with a spinner, done with a check that draws itself, error) and a width that follows the label.

An announcement ribbon that sticks to the top of the page and folds away when dismissed, the content below sliding up on the preset curve.

A toggle that springs.

Tabs with an indicator that slides to the selected one and panels that fade in.

Cycles system → light → dark, and the page changes theme through a circle that grows from the click, on a same-document view transition.

Notifications that slide in, stack behind each other, push up as new ones arrive, and expand into a list on hover.

Placeholders that take turns, and text that blurs away on submit.

A poster with a breathing play button that opens the video in a dialog: a file with native controls, or an embed.