Beautifully designed components built with Radix UI and Tailwind CSS.
A control that allows the user to toggle between checked and not checked.
Displays a form input field or a component that looks like an input field.
Displays a list of options for the user to pick from—triggered by a button.
An input where the user selects a value from a given range.
Displays a form textarea field or a component that looks like a textarea field.
A set of checkable buttons—known as radio buttons—where no more than one button can be checked at a time.
A specialized input for one-time passwords.
Displays a button or a component that looks like a button.
Displays a card with header, content, and footer.
A vertically stacked set of interactive headings that each reveal an associated section of content.
Displays a badge or a component that looks like a badge.
An image element with a fallback for representing the user.
Pagination with previous and next buttons.
A date picker component that allows users to select a date from a calendar.
A responsive table component.
A fast, composable, unstyled command menu for React.
A two-state button that can be either on or off.
A set of two-state buttons that can be toggled on or off.
Accessible resizable panel groups and handles with keyboard support.
Displays a menu to the user — such as a set of actions or functions — triggered by a button.
Displays the path to the current resource using a hierarchy of links.
A visually persistent menu common in desktop applications that provides quick access to a consistent set of commands.
A collection of links for navigating websites and apps.
A modal dialog that interrupts the user with important content and expects a response.
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Displays rich content in a portal, triggered by a button.
An extended version of a dialog component that is used to display content that is not as critical to the task flow, or to provide more options or data for the user.
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.
For sighted users to preview content available behind a link.
Displays a menu to the user — such as a set of actions or functions — triggered by a right-click.
Displays a callout for user attention.
Use to show a placeholder while content is loading.
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.