Explore UI Components Directory
Browse the best custom community-made shadcn/ui components. Explore, copy code, and install buttons, inputs, accordions, calendars, dropdowns, forms, and more instantly.
Core UI Components
A set of collapsible panels with headings and content.
A callout for displaying important information.
A dialog that requires user response to proceed.
Displays content within a desired ratio.
A file attachment display or upload input element.
An image element with a fallback for representing the user.
A stack of avatars representing multiple users.
A badge or a component that looks like a badge.
Displays the path to the current resource using a hierarchy of links.
A chat bubble for displaying conversational messages.
A button or a component that looks like a button.
Groups a series of buttons together in a single row.
A date picker component with range and multi-select support.
A content container for grouping related information.
A slideshow component for cycling through elements.
A chart component for data visualization.
A control allowing the user to toggle between checked and not checked.
A collapsible panel controlled by a trigger button.
An input combined with a list of predefined items to select.
A command palette component for triggering actions.
A menu that appears at the pointer on right click or long press.
A table for displaying structured data with pagination and search.
A date picker component built with Calendar and Popover.
A popup that opens on top of the entire page.
Manages text direction (LTR or RTL) for child elements.
A panel that slides in from the edge of the screen.
A menu triggered by a button with list of options.
A container for displaying empty state information.
A wrapper for form fields that manages state and validation.
Explore custom community-made Form components & templates.
A card that pops up on hover to show extra information.
A standard text input field.
Groups inputs with addon text, buttons, or select fields.
A specialized text input for one-time passwords.
A generic container for list items or elements.
Displays keyboard shortcuts.
A label for form inputs.
A marker or flag indicator element.
A menu bar component for app-level navigation.
A single chat message component.
An automated scroller for a stream of messages.
Explore custom community-made Misc components & templates.
A select input using the browser's native dropdown UI.
A site navigation menu with dropdown drawers.
Controls for navigating between pages of content.
A popup overlay that displays content next to a trigger element.
An indicator of progress towards a completion state.
A set of checkable buttons where only one can be checked.
An element that can be resized by dragging.
A container with custom scrollbar styling.
A custom dropdown select input.
A divider line for separating content.
A slide-out panel that appears from the side.
A side navigation panel.
A placeholder skeleton loader animation.
An input for selecting values from a range.
A toast notification system.
A loading spinner animation.
A switch toggle control.
A grid container for tabular data.
A set of content sections selected by buttons.
A multi-line text input field.
Brief notifications that disappear after a timeout.
A button that can be toggled on or off.
A group of buttons that can be toggled.
A small popover containing descriptive text on hover.
Standardized text styling styles and headers.