Reactive MobX フォーム状態管理 — 拡張可能な検証、ネストフィールド、イベントフック、バインディングを任意のUIフレームワークに対応し、完全なTypeScriptサポートを提供します。

ドキュメント • クイックスタート • ライブデモ • デモコード • NPM • AIスキル • 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.