Reactive MobX Form State Management — расширяемая валидация, вложенные поля, хуки событий и привязки для любого интерфейсного фреймворка с полной поддержкой TypeScript.

Документация • Быстрый старт • Живое демо • Демо-код • NPM • AI-навыки • Discord

MobX Formkit — это библиотека управления состоянием формы, построенная на наблюдаемых данных MobX. Ядро не зависит от интерфейса — оно зависит только от mobx и отображается в React, Vue 3, Lit, Angular, Solid или ванильном JS через соответствующую связку MobX. Определите поля декларативно и получайте автоматически реактивность, валидацию, отслеживание изменений и привязки компонентов.

Прочитайте полную документацию или сразу перейдите к Quick Start.

Особенности

• 8 плагинов валидации — DVR, VJF, AJV, YUP, JOI, ZOD, VALIBOT И VINEJS: синхронизация и асинхронизация, расширяемая и смешиваемая в одной форме.
• Вложенные поля и массивы — глубоко вложенные структуры полей с точечной нотацией, динамическими добавлениями/удалениями/перемещениями, упорядочёнными коллекциями ArrayMap и полной сериализацией.
• Event Hooks and Handlers — полный контроль жизненного цикла: 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.