Components
A collapsible section list built on bits-ui with single or multiple open items.
Displays a callout for user attention with optional title, description, and action.
A modal dialog for confirmations and other actions that require an explicit response.
Displays content within a fixed aspect ratio.
An image element with a fallback for representing the user.
A small label for status, counts, or categories.
Displays the path to the current resource using a hierarchy of links.
A button with variants, sizes, and optional link rendering via href.
A container that groups related buttons together with consistent styling.
A calendar component that allows users to select dates.
Displays a card with header, content, and footer.
A carousel with motion and swipe built using Embla.
Beautiful charts built with LayerChart, plus container, styles, and tooltip helpers.
A control that allows the user to toggle between checked and not checked.
An interactive component which expands and collapses a panel.
Autocomplete input and command palette with a list of suggestions.
A fast, composable command menu for keyboard-first search and actions.
A centered content wrapper with max-width size variants.
Displays a menu to the user — such as a set of actions or functions — triggered by right click.
Powerful tables and datagrids built with TanStack Table and the Table primitives.
A date picker built from Popover and Calendar, with optional range and presets.
A modal dialog that interrupts the user with important content.
A drawer component for Svelte, built on Vaul Svelte.
Displays a menu of actions or functions triggered by a button.
Use the Empty component to display an empty state.
Combine labels, controls, and help text to compose accessible form fields and grouped inputs.
A semantic heading that decouples the heading level from its visual size, weight, and tone.
For sighted users to preview content available behind a link.
A typed icon component with size variants, Lucide icons, and a custom icon set.
A styled text input field.
Groups an input or textarea with addons, buttons, or text.
Accessible one-time password component with copy paste functionality.
A versatile component that you can use to display any content.
Used to display textual user input from keyboard.
Renders an accessible label associated with controls.
An absolutely positioned anchor that makes an entire container clickable.
An inline text link with tone, underline, and size variants plus safe external link handling.
Brand and partner logo SVGs with a searchable gallery for browsing and copying.
A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
A styled native HTML select element with consistent design system integration.
A collection of links for navigating websites.
Pagination with page navigation, next and previous links.
Displays rich content in a portal, triggered by a button.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
A set of checkable buttons—known as radio buttons—where no more than one of the buttons can be checked at a time.
A calendar component that allows users to select a range of dates.
Accessible resizable panel groups and layouts with keyboard support.
Augments native scroll functionality for custom, cross-browser styling.
Displays a list of options for the user to pick from—triggered by a button.
A visual divider between content sections.
Extends the Dialog component to display content that complements the main content of the screen.
A composable, themeable and customizable sidebar component.
Use to show a placeholder while content is loading.
An input where the user selects a value from within a given range.
An opinionated toast component for Svelte, themed to match the design system.
A loading indicator that spins an icon with accessible status semantics.
A control that allows the user to toggle between checked and not checked.
A responsive table element used as the base for data tables.
Layered content sections (tab panels) shown one at a time.
A polymorphic body text component with size, weight, tone, and alignment variants.
A multi-line text input field.
A two-state button that can be either on or off.
A set of two-state buttons that can be toggled on or off.
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.