---
title: Primitives
description: Every SevenUI primitive, built on Base UI and installed into your project as source code through the shadcn CLI.
---

- [Accordion](/docs/components/accordion): A vertically stacked set of interactive headings that each reveal an associated panel of content, built on the Base UI Accordion primitive.
- [Alert](/docs/components/alert): Displays a message with optional title and description for the user.
- [Alert Dialog](/docs/components/alert-dialog): A modal dialog that interrupts the user with important content and expects a response, built on the Base UI Alert Dialog primitive.
- [Aspect Ratio](/docs/components/aspect-ratio): Displays content with a fixed aspect ratio.
- [Attachment](/docs/components/attachment): Displays file attachments with media previews and actions.
- [Avatar](/docs/components/avatar): An image element with a fallback for representing the user.
- [Badge](/docs/components/badge): Displays a small status descriptor.
- [Breadcrumb](/docs/components/breadcrumb): Displays the current location within a hierarchical navigation structure.
- [Bubble](/docs/components/bubble): Chat message bubbles for conversational interfaces.
- [Button](/docs/components/button): Displays a button built on the Base UI Button primitive.
- [Button Group](/docs/components/button-group): Groups related buttons with shared borders and separators.
- [Calendar](/docs/components/calendar): A date field primitive that lets users select dates or ranges.
- [Card](/docs/components/card): Displays a container with optional header, content, and footer sections.
- [Carousel](/docs/components/carousel): A carousel with motion and swipe built using Embla.
- [Chart](/docs/components/chart): Composable chart primitives built on Recharts.
- [Checkbox](/docs/components/checkbox): Displays a checkbox built on the Base UI Checkbox primitive.
- [Collapsible](/docs/components/collapsible): An interactive primitive which expands/collapses a panel, built on the Base UI Collapsible.
- [Combobox](/docs/components/combobox): An input combined with a filterable popup list, built on the Base UI Combobox primitive.
- [Command](/docs/components/command): A fast, composable command palette built on the Base UI Autocomplete primitive.
- [Context Menu](/docs/components/context-menu): Displays a menu to the user — such as a set of actions or functions — triggered by right click or touch long-press, built on the Base UI Menu primitive.
- [Dialog](/docs/components/dialog): A window overlaid on either the primary window or another dialog window, rendering the content underneath inert, built on the Base UI Dialog primitive.
- [Direction](/docs/components/direction): Re-exports the Base UI DirectionProvider for RTL support.
- [Drawer](/docs/components/drawer): A panel that slides in from an edge of the screen and can be dismissed with a swipe gesture, built on the Base UI Drawer primitive.
- [Dropdown Menu](/docs/components/dropdown-menu): Displays a menu to the user — such as a set of actions or functions — triggered by a button, built on the Base UI Menu primitive.
- [Empty](/docs/components/empty): Displays an empty state with media, title, description, and actions.
- [Field](/docs/components/field): Associates a label, control, description, and validation error for a form field.
- [Form](/docs/components/form): A native form with consolidated, auto-clearing validation error handling.
- [Hover Card](/docs/components/hover-card): Displays a preview card when hovering or focusing a link, built on the Base UI Preview Card primitive.
- [Input](/docs/components/input): Displays a text input built on the Base UI Input primitive.
- [Input Group](/docs/components/input-group): Groups an input with addons, buttons, and inline text.
- [Input OTP](/docs/components/input-otp): Displays an OTP input field built on the Base UI OTPField primitive.
- [Item](/docs/components/item): A flexible list item with media, content, and actions.
- [Kbd](/docs/components/kbd): Displays a keyboard key.
- [Label](/docs/components/label): Displays a label for form inputs.
- [Marker](/docs/components/marker): An inline marker with icon and content for annotating UI.
- [Menubar](/docs/components/menubar): A horizontal menu bar with multiple menus — such as File, Edit, and View — built on the Base UI Menu primitive.
- [Message](/docs/components/message): Chat message layout with avatar, content, header, and footer.
- [Message Scroller](/docs/components/message-scroller): Auto-scrolling chat viewport built on the shadcn MessageScroller primitive.
- [Meter](/docs/components/meter): Displays a value within a known range, built on the Base UI Meter primitive.
- [Native Select](/docs/components/native-select): A styled native HTML select element.
- [Navigation Menu](/docs/components/navigation-menu): A collection of links for navigating websites, sharing one animated popup between top-level menu triggers, built on the Base UI Navigation Menu primitive.
- [Number Field](/docs/components/number-field): Displays a number field built on the Base UI Number Field primitive.
- [Pagination](/docs/components/pagination): Displays navigation for multi-page content.
- [Popover](/docs/components/popover): Displays rich content in a portal, positioned relative to an anchor element, built on the Base UI Popover primitive.
- [Progress](/docs/components/progress): Displays an indicator showing the completion progress of a task.
- [Questionnaire](/docs/components/questionnaire): Multi-step questionnaire flow built on the shadcn Questionnaire primitive.
- [Radio Group](/docs/components/radio-group): Displays a radio group built on the Base UI Radio primitive.
- [Resizable](/docs/components/resizable): Accessible resizable panel groups and layouts.
- [Scroll Area](/docs/components/scroll-area): Augments native scroll functionality for custom, cross-browser styling, built on the Base UI Scroll Area primitive.
- [Select](/docs/components/select): Displays a select menu built on the Base UI Select primitive.
- [Separator](/docs/components/separator): Visually or semantically separates content.
- [Sheet](/docs/components/sheet): An edge-positioned panel that slides in from the side of the screen, built on the Base UI Dialog primitive.
- [Sidebar](/docs/components/sidebar): A composable, themeable sidebar with collapsible, mobile, and icon-only modes.
- [Skeleton](/docs/components/skeleton): Use to show a placeholder while content is loading.
- [Slider](/docs/components/slider): Displays a slider built on the Base UI Slider primitive.
- [Spinner](/docs/components/spinner): Displays a loading indicator.
- [Switch](/docs/components/switch): Displays a switch built on the Base UI Switch primitive.
- [Table](/docs/components/table): Displays data in rows and columns with semantic HTML and support for headers, bodies, and footers.
- [Tabs](/docs/components/tabs): A set of layered sections of content — known as tab panels — that display one panel at a time, built on the Base UI Tabs primitive.
- [Textarea](/docs/components/textarea): Displays a multi-line text input field.
- [Toast](/docs/components/toast): Stacked, swipe-dismissable notifications driven by the Base UI toast manager.
- [Toggle](/docs/components/toggle): Displays a toggle built on the Base UI Toggle primitive.
- [Toggle Group](/docs/components/toggle-group): Displays a toggle group built on the Base UI Toggle Group primitive.
- [Toolbar](/docs/components/toolbar): A container for grouping a set of controls, such as buttons, toggle groups, or links, built on the Base UI Toolbar primitive.
- [Tooltip](/docs/components/tooltip): A popup that displays information related to an element when hovered or focused, built on the Base UI Tooltip primitive.