One control room.
69 components.

Selects any number of options from a set, or turns a single one on and off.

Presents an option as a whole selectable card with a title and a supporting line.

Finds one thing in a known set as you type, from a list that opens under the field.

Selects a start and an end date from a calendar popover.

Collects a single line of text.

Selects exactly one option from a small set that stays visible.

Collects a search query, with room for a keyboard shortcut hint.

Switches between a few mutually exclusive views or modes.

Sets one continuous value by dragging along a track.

Reports how strong a password is, in three steps and one word.

Collects text that runs to more than one line.

Switches a setting that takes effect the moment it flips.

Represents a person as a square image tile that falls back to their initials.

Displays the state a row or cell reports, such as online, queued, or fault.

Displays a single bounded reading as a matrix of cells that fill as it rises.

Lays out one row of a list or a menu: a glyph, a name with a line under it, and its actions.

Builds a table row by row, for cells that need their own structure.

Renders a table from a column definition and a set of rows.

Displays a single bounded reading as a horizontal meter.

Displays one headline number with its unit and its change.

Labels content for categorizing or filtering, and can be dismissed.

Lays out cards on a grid where one can span several columns and cards in a row line up their parts.

Closes a page with the brand, its secondary links in titled columns, and an optional large name.

Shows the names or logos of customers in a slow moving band under a short line of text.

Keeps the brand, page links and main action at the top of a page, and marks the section you are reading.

Shows one plan with its price, what it includes and the button to choose it, lined up with the plans beside it.

Opens a page section with a short label, a title and a sentence that says what the section covers.

Displays content in a panel that slides in from the edge of the screen.

Collects a panel's secondary actions behind a kebab trigger.

Floats a panel of mixed content off a trigger, such as a picker with a setting under it.

Names a control that carries no text of its own, on hover or focus.

Opens the account menu from a row that names the signed-in user and their role.

Opens the account menu from the signed-in user's avatar.

Charts how much of a population survives each stage of a sequence.

Charts one measurement over time in a panel that frames itself.

Compares several series across one shared set of axes.

Charts several series over time as lines, areas, or bars.

Displays a single bounded reading as a radial arc.

Displays a live signal as a moving trace, showing that a feed is running.

Shows a payment card as the card itself, with its name, last four digits and expiry, and tilts toward the pointer.

Renders a slowly rotating particle sphere as a hero object.

Sweeps one circle through a full turn into a sphere of hairline loops.

Spreads light across a hairline lattice, one crossing igniting the next.

Draws hundreds of hairlines converging on a single focal point.

Turns a lattice of dots a quarter at a time, the way a puzzle cube twists.

Displays a status message in the flow of the page, at a severity from note to fault.

Explains why a region has nothing to show, and offers the way out.

Holds the place of text that is still loading, as bars a single light passes over.

Signals that work is running when the remaining time is unknown.

Shows a run of steps in order, marking each one done, running or still to come.

Frames something an agent produced, such as a table or a chart, under a title bar with its actions.

Shows one turn of a conversation, from the user or from the assistant, with its actions.

Collects a prompt in a growing field, with its tools and one Send that becomes Stop.

Offers a proposed next move the reader can take, such as a follow-up prompt or a task lane.

Reports one agent step with its status and duration, and opens to show what it produced.

Links to one destination in a sidebar, in full or icon-only form.

Titles a dashboard panel and holds the actions that belong to it.

Navigates a console from a left rail that folds between labelled rows and icons.

Splits content into named panels and shows one at a time, as a row of tabs or a list whose rows can each carry a sentence.

Spans the top of a dashboard with the brand, the nav, and the account cluster.

Lists questions that each open their answer below them, one at a time or several at once.

Frames a region of related content with corner brackets instead of a border.

Opens and closes the section under a one-line row, for detail the reader may want.

Frames any container with the four L-shaped brackets that stand in for a border.

Loops a row of items slowly across its width, so a long list shows without taking room.

Presents an item on its own artwork, for content the image identifies.

Controls playback in one bar: track identity, transport, and a scrub slider.

Triggers an action or event, at the level of emphasis the action deserves.

Triggers an action with an icon alone, for controls whose glyph reads as the label.