Components
Every exported Primitive and Composite family, ready to inspect under your working Frame.
Primitives · 57
Accordion Organizes related sections into accessible expandable disclosure panels. Alert Communicates important status or destructive feedback with supporting action.
Alert Dialog Confirms consequential actions in a modal that requires an explicit choice. Aspect Ratio Keeps media or content within a stable width-to-height ratio.
Avatar Represents people or entities with images, fallbacks, status, sizing, and grouping. Badge Labels compact statuses, categories, and linked metadata across semantic variants.
Breadcrumb Shows the current page's position in a navigable hierarchy. Button Triggers actions and provides link-like navigation across semantic variants and sizes.
Button Group Groups related actions and attached labels into one visual control cluster. Calendar Displays and selects dates through an accessible calendar grid.
Card Groups related content, metadata, actions, and footer controls in a bounded surface. Carousel Presents a swipeable sequence of labeled slides with previous and next controls.
Chart Visualizes comparative trends with Frame-aware series colors and contextual values. Checkbox Selects independent boolean options across checked, disabled, and mixed states.
Collapsible Reveals or hides a single related content region from an accessible trigger. Command Filters and selects actions through a keyboard-oriented command list.
Context Menu Presents contextual actions at a pointer, long-press, or keyboard target. Data Table Builds reactive, sortable tabular views from typed row and column models.
Dialog Presents focused modal content while preserving focus, portal, and document behavior. Drawer Presents modal content from an edge with drag and dismissal behavior.
Dropdown Menu Exposes grouped actions and selectable options from a trigger. Empty Explains an absent-data state and offers a clear next action.
Field Composes labels, controls, descriptions, choices, and validation messages. Form Connects form state to accessible labels, controls, descriptions, and errors.
Hover Card Previews supporting information when a link is hovered or keyboard-focused. Input Captures single-line text and file values through native input semantics.
Input Group Combines an input or textarea with contextual prefixes, suffixes, and actions. Input OTP Captures a fixed-length one-time code through visually separated cells.
Item Structures repeatable media, content, metadata, and actions for records. Kbd Formats keyboard keys and shortcuts within instructional content.
Label Associates concise text with a form control and its activation target. Menubar Organizes application commands into keyboard-navigable top-level menus.
Native Select Uses the platform-native selection interface with shared field styling. Navigation Menu Groups primary navigation links and rich link panels.
Pagination Moves through bounded pages of a larger result set. Popover Presents compact interactive content anchored to a trigger.
Progress Communicates the completion of a task or process as a bounded value. Radio Group Selects exactly one option from a labeled, keyboard-navigable set.
Range Calendar Selects a bounded start and end date through an accessible calendar grid. Resizable Lets users divide and resize adjacent panes with pointer or keyboard.
Scroll Area Contains overflowing content with themed scrollbars. Select Chooses a value from a portaled, keyboard-navigable listbox.
Separator Visually or semantically separates adjacent content. Sheet Presents focused task content in a modal panel from a chosen edge.
Sidebar Composes persistent application navigation, groups, and nested links. Skeleton Represents the shape of content while it is loading.
Slider Adjusts one numeric value or a bounded numeric range in defined steps. Sonner Surfaces transient success and error feedback without interrupting the task.
Spinner Communicates that an operation is in progress using the active icon library. Swatch Displays a record's data-driven color and unassigned-color state.
Switch Toggles an immediately effective boolean setting. Table Structures responsive tabular data with semantic headers, rows, cells, and captions.
Tabs Switches among related panels within one context. Textarea Captures multi-line free-form text with shared validation treatment.