Overview#

Primitives are low-level React components built on top of our headless hooks. Unlike hooks, they provide a compound component API — Dialog.Root, Dialog.Trigger, Dialog.Content — so you compose pieces without wiring up hook props manually.

Use primitives when you want the ergonomics of a component API but full freedom over styles. They're what our Styled and Tailwind layers are built on.

What you get#

• 70+ components with a compound API
• No styles — use any CSS solution you like
• Data attributes for state-based styling (data-state, data-disabled)
• Full accessibility and keyboard navigation

Next steps#

Open any component in the sidebar to see its subcomponents and composition examples.