Browse our collection of beautiful, accessible UI components designed for modern web applications.
A vertically stacked set of interactive headings that each reveal a section of content.
Displays a callout for user attention with important and contextual information.
A modal dialog that interrupts the user with important content and expects a response.
Displays content within a desired ratio.
16:9 Aspect Ratio
An image element with a fallback for representing the user.
Displays a badge or a component that looks like a badge.
Displays the hierarchical path to the current resource with links to navigate to higher levels.
A date field component that allows users to enter and edit date values.
| Su | Mo | Tu | We | Th | Fr | Sa |
|---|---|---|---|---|---|---|
Displays a card with header, content, and footer sections.
Card Description
Card Content
This is where the main content of your card goes. You can add any components, text, or other elements here.
A carousel component with motion and swipe capabilities for cycling through elements.
Displays data visualizations using Recharts with a customizable theme.
A control that allows the user to toggle between checked and not checked.
A collapsible component that allows users to toggle the visibility of content.
A command menu for displaying command options triggered by a keyboard shortcut.
Displays a context menu when you right-click or press the menu button.
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.
Building forms with React Hook Form and Zod for validation.
For when you need to show more information on hover.
Accessible one-time password input for authentication.
A horizontal menu with clickable items, groups, and dropdown menus for applications.
A responsive navigation component with support for links, dropdowns, and mega menus.
Navigation for paginated content with page numbers and next/previous controls.
Displays floating content in relation to a trigger element when clicked.
Displays an indicator showing the completion progress of a task.
A set of checkable buttons where only one can be checked at a time.
Accessible resizable panels with drag handles for adjusting size.
A scrollable container with a native feel but custom styled scrollbars.
Displays a list of options for the user to select with a dropdown menu.
Visually or semantically separates content.
An open-source UI component library.
Extends the Dialog component to display content that complements the main content of the screen.
An input that allows users to select a value or range from a given range.
A toast notification component for displaying brief messages.
A control that allows the user to toggle between checked and not checked.
A responsive table component for displaying tabular data.
| Invoice | Status | Method | Amount |
|---|---|---|---|
| INV001 | Paid | Credit Card | $250.00 |
| INV002 | Pending | PayPal | $150.00 |
| INV003 | Unpaid | Bank Transfer | $350.00 |
| INV004 | Paid | Credit Card | $450.00 |
A set of layered sections of content that display one panel at a time.
A notification component that displays brief messages to users.
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 focus or is hovered over.
Showing 46 of 46 components