Ark is a headless UI component library designed to provide the foundational logic required to build scalable and accessible design systems for modern web applications. The project focuses on separating component behavior from visual styling so developers can implement their own design language without being constrained by predefined styles. Built on top of Zag.js state machines, Ark delivers predictable and robust component logic that works consistently across multiple JavaScript frameworks. It supports React, Solid, Vue, and Svelte, enabling developers to share component behavior across ecosystems while maintaining framework-specific implementations. Because the components are headless, developers bring their own CSS frameworks, styling solutions, or design tokens, which makes the library highly adaptable for custom UI systems.
Features
- Headless component architecture allowing full styling control
- Framework-agnostic support for React, Solid, Vue, and Svelte
- State machine-driven component logic powered by Zag.js
- Accessible UI components built with WAI-ARIA guidelines
- Composable primitives for building scalable design systems
- Predictable behavior through standardized component state models