reka-ui

Use headless Vue 3 component primitives to build accessible UIs with WAI-ARIA compliance. These unstyled components provide the functional foundation, allowing you to apply your own styles and integrate them seamlessly into your custom design system.

Yes, these headless UI components support advanced patterns like virtualization for large lists. This allows you to render extensive datasets efficiently in Vue while maintaining accessible interactions and full control over the rendering output.

Headless UI components are unstyled primitives that handle complex accessibility logic and state management without enforcing visual styles. You need them when building custom, WAI-ARIA compliant interfaces that require precise brand styling without rebuilding accessibility features from scratch.

Yes, the headless UI library supports both controlled and uncontrolled state management in Vue. This flexibility allows you to manage component state externally when needed or let the primitives handle it internally for simpler use cases.

You style unstyled Vue components by integrating your preferred styling solution directly. Since the primitives are headless and lack default CSS, you can apply Tailwind CSS, scoped styles, or any custom CSS framework to match your exact design requirements.

The asChild composition pattern in headless Vue components allows a primitive to pass its props and accessibility attributes to a child element instead of rendering its own DOM node. This enables seamless composition with your existing custom elements and styling solutions.