⚠️ Mobile is not supported yet.
Search for a command to run...
A collection of components built on React Aria, Tailwind CSS, and tailwind-variants.
An accordion allows users to toggle the display of sections of content. Each accordion consists of a header with a title and content area.
A badge is a small label that can be used to display information or status.
Breadcrumbs display a heirarchy of links to the current page or resource in an application.
A button allows a user to perform an action, with mouse, touch, and keyboard interactions.
A calendar displays one or more date grids and allows users to select either a single date or a contiguous range of dates.
Displays a card with header, content, and footer.
A checkbox allows a user to select multiple items from a list of individual items, or to mark one individual item as selected.
A combo box combines a text input with a listbox, allowing users to filter a list of options to items matching a query.
A command palette that allows users to quickly search and execute commands using keyboard shortcuts.
A date field allows users to enter and edit date and time values using a keyboard. Each part of a date value is displayed in an individually editable segment.
A date picker combines one or more DateFields with a calendar popover, allowing users to enter or select a single date/time or a range.
Allows a user to enter a plain text value with a keyboard.
A menu displays a list of actions or options that a user can choose.
A meter represents a quantity within a known range, or a fractional value.
A modal is an overlay element which blocks interaction with elements outside it.
A popover is an overlay element positioned relative to a trigger.
A radio group allows a user to select a single option from a list of mutually exclusive options.
A select displays a collapsible list of options and allows a user to select one of them.
A slider allows a user to select one or more values within a range.
A switch allows a user to turn a setting on or off.
A table displays data in rows and columns and enables a user to navigate its contents via directional navigation keys, and optionally supports row selection and sorting.
Tabs organize content into multiple sections and allow users to navigate between them.
A tag group is a focusable list of labels, categories, keywords, filters, or other items, with support for keyboard navigation, selection, and removal.
A time field allows users to enter and edit time values using a keyboard. Each part of a time value is displayed in an individually editable segment.
A toggle button allows a user to toggle a selection on or off, for example switching between two states or modes.
A tooltip displays a description of an element on hover or focus.