Primitives
15 unstyled, accessible headless components. Use them as the behavioral foundation when building a fully custom design system. No CSS included — you own all the styling.
When to use Primitives
Primitives handle accessibility, keyboard navigation, ARIA attributes, and focus
management. Reach for them when the styled Components
don't fit your design system — for example, when you need complete control over
every CSS class and HTML element.
Inputs & Forms
5
Data Display
1
Overlays
6
Dialog
Headless modal dialog with focus trap and ARIA
Dropdown Menu
Unstyled floating menu with keyboard navigation
Hover Card
Unstyled hover card with delay and pointer events
Popover
Unstyled floating panel with positioning
Sheet
Unstyled side panel with animation support
Tooltip
Unstyled tooltip with delay and positioning
Layout
2
Want pre-styled components out of the box?
Browse Components