Dynamic Field Kit

One schema-driven form engine, four frameworks. Describe the fields once as a FieldDescription[] and render them in React, Vue, Angular or Svelte with your own components.

Read the handbook Sổ tay tiếng Việt GitHub npm
npm install @dynamic-field-kit/core @dynamic-field-kit/react   # or /vue, /angular, /svelte

Handbook

Getting started →

Install, the core idea, and registering your first field type.

Guides →

Validation, conditions as data, input masks, repeatable groups, sections, wizards, JSON Schema, drafts, undo and redo, errors from the server.

Per framework →

The adapter reference for React, Vue 3, Angular and Svelte 5.

Live demos

React →

Basics, form state, the multi-step wizard, and a form built from a JSON Schema with drafts and undo.

Vue 3 →

Basics, validation, the form state composable, the wizard, and a form built from a JSON Schema with drafts and undo.

Angular →

Basics, validation, the signal-based form store, the wizard, and a form built from a JSON Schema with drafts and undo.

Svelte 5 →

Basics, validation, form state with runes and DevTools, the wizard, and a form built from a JSON Schema with drafts and undo.

Storybook (React) →

Every built-in field type, validation, conditions and the wizard, with controls and an accessibility panel.

What each React page shows