base-ui

Build accessible React components by leveraging unstyled UI primitives that enforce ARIA standards and keyboard navigation out of the box. This approach provides the necessary behavior for overlays and menus without dictating the visual style.

Yes, you can use Base UI components with Tailwind CSS because the primitives are completely styling-agnostic. This compatibility allows you to apply Tailwind utility classes directly while retaining the underlying accessible component behavior.

The best way to create a custom dropdown menu is to utilize behavior-heavy UI primitives. These primitives manage complex ARIA attributes, focus trapping, and keyboard interactions automatically, letting you focus on custom styling.

Implement an accessible dialog component by composing unstyled React primitives designed for overlays. These primitives handle focus management and ARIA roles automatically, ensuring consistent interaction behavior without requiring you to write custom logic.

No, Base UI does not force a specific styling architecture. It provides unstyled, behavior-heavy primitives for form controls, allowing you to integrate your own design system and styling methodologies while maintaining accessibility.

Use unstyled primitives when you need complete control over your design system's appearance without sacrificing accessibility. They provide the complex interaction behaviors and ARIA compliance for overlays, bypassing the rigid themes of styled libraries.