Unstyled, accessible UI primitives for building high-quality design systems and web apps.
A vertically stacked set of interactive headings that each reveal an associated section of content.
A modal dialog that interrupts the user with important content and expects a response.
Displays content within a desired ratio.
An image element with a fallback for representing the user.
A control that allows the user to toggle between checked and not checked.
An interactive component which expands/collapses a panel.
Displays a menu located at the pointer, triggered by a right click or a long press.
A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
Displays a menu to the user—such as a set of actions or functions—triggered by a button.
Collect information from your users using validation rules.
For sighted users to preview content available behind a link.
Renders an accessible label associated with controls.
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.
A group of single-character text inputs to handle one-time password verification
A password input field with an integrated button to toggle the value's visibility
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.
Augments native scroll functionality for custom, cross-browser styling.
Displays a list of options for the user to pick from—triggered by a button.
Visually or semantically separates content.
An input where the user selects a value from within a given range.
A control that allows the user to toggle between checked and not checked.
A set of layered sections of content—known as tab panels—that are displayed one at a time.
A succinct message that is displayed temporarily.
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 container for grouping a set of controls, such as buttons, toggle groups or dropdown menus.
A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it.