Components
Components

Find exported families quickly, then inspect available boards under the working Frame and Environment.

57 Primitives 1 Composite 58 Boards Primitive coverage complete

Available Component boards

Primitive
Accordion

Organizes related sections into accessible expandable disclosure panels.

Primitive
Alert

Communicates important status or destructive feedback with supporting action.

Primitive
Alert Dialog

Confirms consequential actions in a modal that requires an explicit choice.

Primitive
Aspect Ratio

Keeps media or content within a stable width-to-height ratio.

Primitive
Avatar

Represents people or entities with images, fallbacks, status, sizing, and grouping.

Primitive
Badge

Labels compact statuses, categories, and linked metadata across semantic variants.

Primitive
Breadcrumb

Shows the current page's position in a navigable hierarchy.

Primitive
Button

Triggers actions and provides link-like navigation across semantic variants and sizes.

Primitive
Button Group

Groups related actions and attached labels into one visual control cluster.

Primitive
Calendar

Displays and selects dates through an accessible calendar grid.

Primitive
Card

Groups related content, metadata, actions, and footer controls in a bounded surface.

Primitive
Carousel

Presents a swipeable sequence of labeled slides with previous and next controls.

Primitive
Chart

Visualizes comparative trends with Frame-aware series colors and contextual values.

Primitive
Checkbox

Selects independent boolean options across checked, disabled, and mixed states.

Primitive
Collapsible

Reveals or hides a single related content region from an accessible trigger.

Primitive
Command

Filters and selects actions through a keyboard-oriented command list.

Primitive
Context Menu

Presents contextual actions at a pointer, long-press, or keyboard target.

Primitive
Data Table

Builds reactive, sortable tabular views from typed row and column models.

Primitive
Dialog

Presents focused modal content while preserving focus, portal, and document behavior.

Primitive
Drawer

Presents modal content from an edge with drag and dismissal behavior.

Primitive
Dropdown Menu

Exposes grouped actions and selectable options from a trigger.

Primitive
Empty

Explains an absent-data state and offers a clear next action.

Primitive
Field

Composes labels, controls, descriptions, choices, and validation messages.

Primitive
Form

Connects form state to accessible labels, controls, descriptions, and errors.

Primitive
Hover Card

Previews supporting information when a link is hovered or keyboard-focused.

Primitive
Input

Captures single-line text and file values through native input semantics.

Primitive
Input Group

Combines an input or textarea with contextual prefixes, suffixes, and actions.

Primitive
Input OTP

Captures a fixed-length one-time code through visually separated cells.

Primitive
Item

Structures repeatable media, content, metadata, and actions for records.

Primitive
Kbd

Formats keyboard keys and shortcuts within instructional content.

Primitive
Label

Associates concise text with a form control and its activation target.

Primitive
Menubar

Organizes application commands into keyboard-navigable top-level menus.

Primitive
Native Select

Uses the platform-native selection interface with shared field styling.

Primitive
Navigation Menu

Groups primary navigation links and rich link panels.

Primitive
Pagination

Moves through bounded pages of a larger result set.

Primitive
Popover

Presents compact interactive content anchored to a trigger.

Primitive
Progress

Communicates the completion of a task or process as a bounded value.

Primitive
Radio Group

Selects exactly one option from a labeled, keyboard-navigable set.

Primitive
Range Calendar

Selects a bounded start and end date through an accessible calendar grid.

Primitive
Resizable

Lets users divide and resize adjacent panes with pointer or keyboard.

Primitive
Scroll Area

Contains overflowing content with themed scrollbars.

Primitive
Select

Chooses a value from a portaled, keyboard-navigable listbox.

Primitive
Separator

Visually or semantically separates adjacent content.

Primitive
Sheet

Presents focused task content in a modal panel from a chosen edge.

Primitive
Sidebar

Composes persistent application navigation, groups, and nested links.

Primitive
Skeleton

Represents the shape of content while it is loading.

Primitive
Slider

Adjusts one numeric value or a bounded numeric range in defined steps.

Primitive
Sonner

Surfaces transient success and error feedback without interrupting the task.

Primitive
Spinner

Communicates that an operation is in progress using the active icon library.

Primitive
Swatch

Displays a record's data-driven color and unassigned-color state.

Primitive
Switch

Toggles an immediately effective boolean setting.

Primitive
Table

Structures responsive tabular data with semantic headers, rows, cells, and captions.

Primitive
Tabs

Switches among related panels within one context.

Primitive
Textarea

Captures multi-line free-form text with shared validation treatment.

Primitive
Toggle

Turns an independent pressed state on or off.

Primitive
Toggle Group

Coordinates single- or multiple-selection toggle controls.

Primitive
Tooltip

Provides concise supplemental text on hover or keyboard focus.

Composite
Register

Organizes grouped, information-dense records for scanning and comparison.