反应式 MobX 表单状态管理 — 可扩展验证、嵌套字段、事件钩子和绑定，适用于任何 UI 框架，支持完整的 TypeScript。

文档 • 快速入门 • 现场演示 • 演示代码 • NPM • 人工智能技能 • Discord

MobX Formkit 是一个基于 MobX 可观测量构建的表单状态管理库。核心不依赖 UI——仅依赖于 mobx，并通过匹配的 MobX 绑定在 React、Vue 3、Lit、Angular、Solid 或原版 JS 中渲染。声明式定义字段，自动获得反应性、验证、变更追踪和组件绑定。

阅读完整文档或直接进入快速入门。

特色

• 8 验证插件 — DVR、VJF、AJV、YUP、JOI、ZOD、VALIBOT 和 VINEJS：同步与异步、可扩展且可混合于同一表态。
• 嵌套字段与数组——深度嵌套字段结构，带有点符号、动态加/移除/移动、有序ArrayMap集合及完整序列化。
• 事件钩子与处理程序 — 完整生命周期控制：onInit、onChange、onFocus、onBlur、onSubmit、onSuccess、onError等。

MobX Formkit

Reactive MobX Form State Management — extensible validation, nested fields, event hooks, and bindings for any UI framework, with full TypeScript support.

Documentation • Quick Start • Live Demo • Demo Code • NPM • AI Skills • Discord

MobX Formkit is a form state management library built on MobX observables. The core is UI-agnostic — it depends only on mobx and renders in React, Vue 3, Lit, Angular, Solid, or vanilla JS through the matching MobX binding. Define your fields declaratively and get reactivity, validation, change tracking, and component bindings automatically.

Read the full documentation or jump straight to the Quick Start.

Features

• 8 Validation Plugins — DVR, VJF, AJV, YUP, JOI, ZOD, VALIBOT & VINEJS: sync & async, extendable, and mixable on the same form.
• Nested Fields & Arrays — deeply nested field structures with dot notation, dynamic add/remove/move, ordered ArrayMap collections, and full serialization.
• Event Hooks & Handlers — full lifecycle control: onInit, onChange, onFocus, onBlur, onSubmit, onSuccess, onError & more.
• UI-Agnostic Core — the same Form instance renders in React, Vue 3, Lit, Angular, Solid, Octane, or vanilla JS with a MobX binding.
• Field Props Bindings — one-line bind() for standard inputs, plus custom rewriters & templates for Material UI, Ant Design, React Aria, Headless UI, React Widgets, React Select, Chakra UI, PrimeReact & more.