Tool
Zag.js
Framework-agnostic UI logic powering Ark and Chakra patterns
About
A collection of framework-agnostic UI component patterns like accordion , menu , and dialog that can be used to build design systems for React, Vue, Solid.js and Svelte
Built-in adapters that connects machine output to DOM semantics in a WAI-ARIA compliant way.
Component logic is largely JavaScript code and can be consumed in any JS framework.
Zag machine APIs are completely headless and unstyled. Use your favorite styling solution and get it matching your design system.
Features
- Install the machine you need
- Consume the machine
- Connect machine to your UI
- Pricing
- Open Source
- Pricing detail
- MIT free
- Platforms
- JS multi-framework bindings
Alternatives from our catalog
Tools on the same shelves as Zag.js, ordered by shared tags and our own comparisons. Not vendor endorsements.
- shadcn-svelteOpen Source · Svelte / SvelteKit
Bring shadcn ownership model to SvelteKit
same tags
- shadcn/uiOpen Source · React / Next.js (CLI)
De facto 2026 default for modern React apps
same tags
- Radix UIOpen Source · React
Foundation under shadcn; reference headless API
same tags
- Base UIOpen Source · React
Active layer; shadcn Base UI support
same tags
- 21st.devFreemium · Web plus MCP/CLI React
AI-agent UI library; search/install via MCP and CLI
same tags
- Intent UIFreemium · React, Next.js, Laravel, Tailwind
Verified at intentui.com. Accessibility-first React Aria UI kit.
same tags