12 free 3D tools in one page - image-to-3D, normal maps, remesh, reduce; file tools stay local
Zag
Framework-agnostic interaction logic as visual state machines — menu/dialog/accordion patterns, reusable across React, Vue, Solid and Svelte
Content updated · 2026-09-14
What is it · 它是什么
What is Zag?
Zag models component interaction logic (open/close/highlight/keyboard navigation) as visual state machines that work with React, Vue, Solid and Svelte. It is headless — machines handle the logic, you handle the UI with any styling approach. When building design systems or complex interactive components, its visual state machines make every transition explicit. Built by the chakra-ui team, open source and free to use.
How to use · 怎么用
How to use Zag
- Look up the state machine docs for a component pattern (accordion/menu/dialog/combobox).
- Read the visual state machine as an interaction blueprint, then wire the API into your framework.
- Pair with any styling solution — headless by design.
Key features · 核心特点
Key features of Zag
- Interaction logic shown as visual state machines
- Works across React, Vue, Solid and Svelte
- Headless and unstyled — full UI freedom
- Built by the chakra-ui team, open source
Related sites
The framework for content-driven sites — zero JS by default, React/Vue islands where needed
The world's most popular front-end framework - v6 brings CSS-first theming and AI-assistant docs