One control room.
45 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.

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.

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.

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.

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.

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

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

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.

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.

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.

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

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.

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

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.

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

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

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

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