#Getting Started

#Install

npm  add @kintools/form-react
pnpm add @kintools/form-react
yarn add @kintools/form-react
deno add jsr:@kintools/form-react

npm  add @kintools/form-lit
pnpm add @kintools/form-lit
yarn add @kintools/form-lit
deno add jsr:@kintools/form-lit

@kintools/form-react and @kintools/form-lit re-export @kintools/form-core.

To add common validators or the schema validation adapter:

npm add @kintools/form-validators

pnpm add @kintools/form-validators

yarn add @kintools/form-validators

deno add jsr:@kintools/form-validators

#Agent skill

The kin-form skill teaches coding agents (Claude Code, Cursor, Codex, ...) Kin Form's rules, common pitfalls, and patterns for both React and Lit:

npx skills add kintools-dev/form

Or copy skills/kin-form/ into your project's .claude/skills/.

#What's next

• Concepts — the tree model, shared state, and typed paths
• Basic — building TextField from Watch, the pattern the rest of these guides lean on
• Per-node Validation — validators, debouncing, and running validation explicitly
• Nested Objects and Dynamic Arrays
• Validators — required, email, minLength, a toSchemaValidator() adapter for zod/valibot, and more