Ark UI

Headless UI component library for building design systems. Delivers 45+ unstyled, accessible primitives that work across React, Solid, Vue, and Svelte so teams can bring their own styles and keep a consistent API regardless of framework.

Built by the Chakra UI team and trusted by design systems such as Chakra UI, Park UI, Tark UI, Pando at PluralSight, and OVHCloud. Ark UI differentiates by offering the same component API across four frameworks, unlike Radix or Headless UI which target React only. Components are powered by Zag.js state machines for predictable behavior and edge-case coverage.

Key capabilities:

• 45+ headless components including accordion, slider, dialog, menu, tabs, and select
• Framework adapters for React, Solid, Vue, and Svelte with identical props and composition
• WAI-ARIA patterns and full keyboard navigation built in
• Composition via data attributes for styling with Tailwind, Panda, or plain CSS
• State-machine architecture for complex interactions without imperative logic

Design system teams use Ark UI to ship accessible primitives once and style them per brand. Apps needing cross-framework consistency, such as component libraries or monorepos with mixed stacks, rely on Ark UI for shared behavior. Developers pair it with Tailwind or Panda for styled variants while keeping full control over appearance.