Components. Recipes you select, not CSS you fork.

An action, in three tones, five treatments and three sizes.

Related buttons joined into one control.

A status pill toned by the value it carries.

A message that asks for attention, in four tones.

A surface with media, a title, content and actions, pressable and dismissible.

Cards as one choice, with a highlight that follows the pointer between them.

A labelled text field with a description.

A field for more than one line.

The native select, styled like the fields beside it.

A choice that is on or off, its state in your Model.

A setting that takes effect at once.

AL

GH

AT

A picture of someone, or their initials when it does not load.

A key on the keyboard.

A rule between groups of content.

A placeholder where content is still loading.

Work in progress, announced politely.

Rows and columns, numbers aligned to the end.

Where a page sits, and the way back up.

Pages of a long list, the current one in your Model.

A row of a list: media, a title, a line and actions.

What a list shows before it has anything in it.

Sections that open under their headings, one at a time or several.

A question answered with any number of options, under its legend.

A number typed or stepped, inside its bounds and on its step.

A one-time code in cells, typed, pasted or filled from a text message.

A card of more about a link, shown while the pointer or focus rests on it.

A search field over every command, filtered as you type and run by Enter.

The menu a right press or Shift+F10 opens where it lands.

Two panels and a handle between them, dragged or stepped by the arrow keys.

The navigation of an application in sections, collapsed off the page by its toggle.

A row of menus with one tab stop, the arrows moving from one open menu to the next.

How far work has gone, as a bar or a ring, sliding or turning while the end is unknown.

A measurement within its range, coloured by how near it sits to the best value.

Ten thousand rows that scroll as thirty, since only the rows in view are drawn.

An ordered list of steps, those done checked, the current one marked, joined by a line.

A score out of five stars, chosen with a press or the arrows, or shown read-only.

A password field with a toggle that shows it as text.

A list of tags as removable chips, added with Enter or a comma.

A notice across the top of a page, with an action and a dismiss button.

A read-only value with a button that copies it, and says it did.

A dialog that slides in from an edge of the screen, for a task beside the page.

A sheet that rises from the bottom with a handle, as on a phone.

A start and an end day, and the band between them, picked on one calendar.

An OKLCH color from three sliders, with its swatch, its text and preset swatches.

Nested rows that open and shut, one tab stop, the arrows moving through what shows.

Two thumbs on one track choosing a low and a high value; neither passes the other.

Slides in a track that snaps one at a time, with previous, next and a dot per slide.

A menu whose rows open submenus beside them, by ArrowRight, Enter or a resting pointer.

The links of a site in a row, the current page marked by a line that glides to it.

A few options in a tray, one pressed, with a pill that slides to a new press.

Panels of one place, one shown at a time, moved between by the arrow keys.

One choice of a few, each with a line that explains it.

A number in a range, dragged, clicked or stepped by the keys.

A dialog that asks before something that cannot be undone, and waits for an answer.

A modal that holds focus until it is answered or Escape dismisses it.

A panel placed beside its button, closed by Escape or a press outside.

A hint on hover or focus, after a short wait.

Actions behind a button, in groups, moved through by the keys and typed to.

One value from a list that opens under its button.

A field that suggests as you type, and keeps one of its suggestions.

A month of days to pick from, with its months and years a press away.

A date behind a button, picked from a calendar that opens under it.

A notice in the corner that goes by itself, or when dismissed.