12 个免费 3D 工具一页全：转 3D、贴图、重拓扑、减面；文件类不出本机
Zag
框架无关的交互逻辑状态机库:菜单/弹窗/手风琴的复杂交互逻辑,画成状态机直接复用
内容更新日期 · 2026-09-14
What is it · 它是什么
什么是 Zag
Zag 把组件的交互逻辑(打开/关闭/高亮/键盘导航等)建模成可视化状态机,React、Vue、Solid、Svelte 都能接;只管逻辑不管样式(headless),界面自己做主。做设计系统和复杂交互组件时,看它能把状态流转理得清清楚楚——「机器管逻辑,你管界面」。chakra-ui 团队出品,开源免费。
How to use · 怎么用
怎么用 Zag
- 按组件模式(accordion/menu/dialog/combobox 等)查对应状态机文档。
- 把文档里的可视化状态机当交互设计的「图纸」读,再照 API 接入自己的框架。
- 搭配任意样式方案(headless 无绑定)。
Key features · 核心特点
Zag 的核心特点
- 交互逻辑以可视化状态机呈现,状态流转一目了然
- 多框架通用:React/Vue/Solid/Svelte
- headless 无样式,界面完全自主
- chakra-ui 团队出品,开源免费
