chakra-ui/zag

Health v2 · maintenance only

Adoption not part of the score

5196 stars · 275 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Zag.js is a framework-agnostic JavaScript toolkit that implements accessible, interactive UI component patterns (dialog, menu, tabs, etc.) using finite state machines. It ships headless, unstyled machine APIs with adapters for React, Vue, Solid, and Svelte so component logic can be written once and reused across frameworks.

Use cases

• build a design system with accessible components
• headless dialog and menu components for react
• framework-agnostic ui component logic
• accessible tabs accordion tooltip primitives
• wai-aria compliant component behavior
• share component logic between react and vue
• unstyled ui primitives for custom styling

When to choose

• you need accessible, WAI-ARIA compliant component behavior without styling opinions
• you maintain a design system targeting multiple JS frameworks
• you want deterministic, testable component logic via state machines
• you want incremental adoption of individual component machines

When to avoid

• you want pre-styled, ready-made components out of the box
• you prefer simple hooks or composables over state machine APIs
• your project is a small prototype where machine overhead isn't justified
• you need components for platforms beyond the web

Facets

library · maturity active

ui-components state-management accessibility frontend-framework web-development frontend accessibility developer-tools cross-platform headless-ui state-machines design-systems framework-agnostic wai-aria component-primitives typescript web-server nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="chakra-ui/zag")