A comprehensive library of React components for building beautiful, accessible user interfaces.
Makes icons accessible by adding a label.
Modal confirmation dialog that interrupts the user and expects a response.
Displays content within a desired ratio.
Profile picture, user initials or fallback icon.
Stylized badge element.
Block-level quotation from another source.
Fundamental layout building block.
Trigger an action or event, such as submitting a form or displaying a dialog.
Short message to attract user’s attention.
Container that groups related content and actions.
Base input element to toggle an option on and off.
Set of interactive cards where multiple options can be selected at a time.
Set of interactive buttons where multiple options can be selected at a time.
Marks text to signify a short fragment of computer code.
Constrains the maximum width of page content.
Menu representing a set of actions, displayed at the point of right click or long press.
Displays metadata as a list of key-value pairs.
Modal dialog window displayed above the page.
Menu representing a set of actions, triggered by a button.
Marks text to stress emphasis.
Component for creating flex layouts.
Component for creating grid layouts.
Semantic heading element.
For sighted users to preview content available behind a link.
Button designed specifically for usage with a single icon.
Applies a negative margin to allow content to bleed into the surrounding container.
Represents keyboard input or a hotkey.
Semantic element for navigation between pages.
Floating element for displaying rich content, triggered by a button.
Renders a React subtree in a different part of the DOM.
Displays a progress bar related to a task.
Short inline quotation.
Standalone radio button that can be used in any layout.
Set of interactive cards where only one can be selected at a time.
Set of interactive radio buttons where only one can be selected at a time.
Removes default browser styles from any component.
Custom-styled scrollable area using native functionality.
Denotes a section of page content.
Toggle buttons for switching between different values or views.
Displays a list of options for the user to pick from—triggered by a button.
Visually or semantically separates content.
Replaces content with same shape placeholder that indicates a loading state.
Provides user selection from a range of values.
Merges its props onto its immediate child.
Displays an animated loading indicator.
Marks text to signify strong importance.
Toggle switch alternative to the checkbox.
Navigation menu with links styled as tabs.
Semantic table element for presenting data.
Set of content sections to be displayed one at a time.
Foundational text primitive.
Captures multi-line user input.
Captures user input with an optional slot for buttons and icons.
Wraps all or part of a React tree to provide theme configuration.
Floating element that provides a control with contextual information via pointer or focus.
Hides content from the screen in an accessible way.