App UI

Chronological event stream with relative timestamps that keep themselves current, plus a notification bell with an unread count.

Trail that staggers in on mount, with animated separators and a hover state on each crumb.

Full event calendar — month, week, day, year and agenda views, with drag-to-move, resize and event editing.

Stacked card carousel — cards recede behind the active one, with autoplay, arrows and indicators.

Searchable select with keyboard navigation and animated option filtering — for lists too long for a plain select.

Type-to-confirm dialog for irreversible actions — each field unlocks the next, and the button stays dead until every one matches.

Notion's database as a component: every property type, a property menu behind each heading, a sort and filter builder, group-by, per-column calculations, CSV export and virtualised rows.

Full month calendar in a popover, plus a compact inline strip for picking a day near today.

Bottom sheet that drags to dismiss — the mobile counterpart to the side sheet in Overlays.

Empty, no-results, error and 404 states — the screens every app needs and no registry ships.

Drag-and-drop dropzone with file-type and size limits, plus a filled state listing what was accepted.

Real form wiring — schema validation, per-field errors, and a submit button that shows pending state.

Drag-and-drop board — cards move between columns with pointer and keyboard, backed by dnd-kit.

Fixed figures that never sit still — a light travelling the line, a drifting gradient under it, bars caught by a sweeping shimmer, and a ring with a rotating sheen.

Generative brand marks laid out from geometric tiles — pick a style and a palette, press once for a new mark, then download it as SVG or PNG.

Six-digit code entry — digits animate in as you type, paste fills every box, backspace walks back.

Page numbers with a highlight that slides between them on a spring — the same shared-layout trick as the tabs.

Drag-to-resize split panes, nested and persistable — the shell for editors, inspectors and previews.

Multi-step wizard progress — connector fills on a spring, completed tick scales in.

Vertical wizard where the rail fills between steps and each step's content panel expands in place.

Expandable file tree with connector lines, icons and selection — for file browsers and nav hierarchies.