MobX FormkitReactive MobX Form State Management

Extensible validation, nested fields, event hooks, bindings — with full TypeScript support.

Quick Start

View on GitHub

Validation Plugins

Choose from 8 drivers — DVR, VJF, AJV, YUP, JOI, ZOD, VALIBOT, VINEJS. Sync & async, extendable rules.

Learn more

Nested Fields

Deeply nested structures, arrays, dynamic add/remove, dot notation, ArrayMap — fully serializable.

Learn more

Event Hooks & Handlers

onInit, onChange, onFocus, onBlur, onSubmit, onSuccess, onError — full lifecycle control.

Learn more

Field Bindings

Default bindings for inputs, selects, textareas — or custom bindings for any UI framework (MUI, Ant Design, React Aria, etc.).

Learn more

TypeScript First

Full type inference with `Form`, typed field access, autocomplete for field paths and props.

Learn more

Reactive Computed

Functional computed field props reacting to MobX observables — dynamic totals, formatting, derived values.

Learn more

AI Agent Skills

Installable skill files for Cursor, Windsurf, Claude Code, Codebuff and Copilot — AI writes correct form code.

Learn more

Forms Composer

Orchestrate multiple Form instances for wizards, multi-step flows, and batch submit/validate/clear.

Learn more

Tree-Shakeable

Only ~8KB gzip. Zero DOM dependencies. Works with Next.js, Remix, Vite, and any React SSR framework.

Learn more

DevTools

Dedicated DevTools package for debugging form state, validation, and field values in real-time.

Learn more

One Form Definition · Every Render Engine

The core is UI-agnostic — it depends only on mobx and knows nothing about React, Vue or any DOM. The same Form instance renders in any engine with a MobX binding: React, Vue 3, Lit, Angular, Solid, Octane, or plain vanilla HTML/JS.

ReactVue 3LitAngularSolidOctaneVanilla HTML/JS

How multi-engine support works →

Get Started in Seconds

bash

npm install --save mobx-formkit

Then pick a validation plugin, define your fields, and you're ready to go.

Quick Start Guide →Class-based Setup →

Built for Your UI Framework

Render engines — the same form definition, the same observable state, any renderer with a MobX binding:

ReactVue 3LitAngularSolidOctaneVanilla HTML/JS

React UI libraries — map fields to any component library with the bundled Bindings:

🌐Vanilla HTML/JS

⚛️Material UI

🐜Ant Design

🎨React Aria

🧩Headless UI

📦React Widgets

🔽React Select

🧪Chakra UI

🎯PrimeReact

See the Render Engine Support page for per-engine examples, the UMD Setup guide for vanilla HTML/JS usage, or the Bindings guide for custom component libraries.