Components

Constrains content to a fixed width/height ratio.

Accessible resizable panel groups and layouts.

A scrollable area with a custom, styled scrollbar.

Visually or semantically separates content.

A composable, themeable collapsible sidebar.

Triggers an action or event.

A control for selecting a boolean value.

Autocomplete input built from Popover + Command.

A date field built from Popover + Calendar.

Composable forms with validation, built on react-hook-form.

A basic text input field.

Groups an input with addons like icons, buttons, or text.

A one-time-password input field.

An accessible label for form controls.

A set of mutually exclusive checkable buttons.

Displays a list of options for the user to pick from.

An input for selecting a value from a range.

A control that toggles between checked and not checked.

A multi-line text input field.

A two-state button that can be on or off.

A set of two-state buttons that can be toggled on or off.

A modal dialog that interrupts the user for confirmation.

A menu triggered by right-click.

A window overlaid on the primary window.

A panel that slides in from the edge of the screen.

Displays a menu of actions or options, triggered by a button.

Preview content behind a link on hover.

A persistent horizontal menu, common in desktop apps.

Displays rich content in a portal, triggered by a button.

Extends Dialog to display content that complements the page.

A popup with information about an element on hover/focus.

Displays the path to the current resource.

A fast, composable command menu.

A collection of links for navigating websites.

Page navigation controls with next/previous and page numbers.

Layered sections of content displayed one at a time.

A vertically stacked set of interactive headings.

An image element with a fallback for representing a user.

Displays a small count or status descriptor.

A date field component for picking dates.

Displays content in a bordered container with sections.

A motion-friendly carousel with keyboard support.

An interactive panel that expands/collapses.

Powerful table + datagrid built from Table and @tanstack/react-table.

A responsive table component.

Displays a callout for user attention.

Displays an indicator showing completion progress.

Used to show a placeholder while content is loading.

An opinionated toast notification component.