Comparison Overview

Feature matrix

Features	Kin Form	React Hook Form	Formik	TanStack Form
Zero dependencies	✅	✅	❌	⚠️
Framework-agnostic core	✅	❌	❌	✅
Type-safe nested field paths	✅	⚠️	❌	✅
Standard Schema support	⚠️	⚠️	❌	✅
Same model for field, group, array, and form	✅	❌	❌	❌
Localized subscription	✅	❌	❌	❌
Selective re-rendering	✅	⚠️	⚠️	✅
Built-in async-validation debounce	✅	❌	❌	✅
Declarative cross-field revalidation	✅	⚠️	❌	✅
Field state survives list virtualization	✅	⚠️	✅	✅

✅ full support · ⚠️ partial or conditional · ❌ not supported

API surface

Not whether a feature exists, but which APIs/hooks/types you have to learn to use it. Only what a typical app imports by name (a reusable field component, an onSubmit signature), not every public export:

	Kin Form	React Hook Form	Formik	TanStack Form
Types	`FieldApiFormApi`	`FieldValuesFieldPathFieldPathByValueControlUseControllerPropsRegisterOptions`	`FormikPropsFormikHelpersFormikErrorsFieldProps`	`AnyFieldApi`
Hooks & components	`useFormuseWatchWatchuseMultistep`	`useFormuseControllerControlleruseFieldArrayuseWatchuseFormStateuseFormContextFormProvider`	`useFormikFormikuseFieldFieldFieldArrayuseFormikContextErrorMessage`	`useFormuseAppFormuseFielduseFieldContextuseStoreform.Fieldform.AppFieldform.FormGroupform.SubscribewithFormwithFieldGroupcreateFormHookcreateFormHookContexts`

Kin Form models every node (leaf, group, array, root) with one field type, so there's one small set of APIs to learn instead of one per level.

Bundle size (React usage)

5.1 KB

Kin Form

13.7 KB

React Hook Form

13.9 KB

Formik

18.5 KB

TanStack Form

Every library above is measured directly with the same toolchain: rolldown and its own built-in minifier, then gzip. That's not the same as Bundlephobia, which minifies with terser by default and can produce different sizes for the same source. Reproducible via deno task --cwd scripts bundle-size.

Performance

Smaller is better.

Initial mount (84 fields)

2.9 ms

Kin Form

5.1 ms

React Hook Form

2.4 ms

Formik

9.5 ms

TanStack Form

Flat field update burst (800x)

1.4 ms

Kin Form

66.5 ms

React Hook Form

3.3 ms

Formik

564.2 ms

TanStack Form

Nested field update burst (800x)

3.7 ms

Kin Form

166.6 ms

React Hook Form

6.4 ms

Formik

574.5 ms

TanStack Form

Array swap burst (800x, cycling adjacent pairs)

72.3 ms

Kin Form

221.3 ms

React Hook Form

12.0 ms

Formik

1514.7 ms

TanStack Form

Array insert/remove burst (800x)

33.4 ms

Kin Form

434.7 ms

React Hook Form

5.1 ms

Formik

1608.8 ms

TanStack Form

Flat field update burst + sync validator (800x)

3.4 ms

Kin Form

160.3 ms

React Hook Form

67.7 ms

Formik

709.8 ms

TanStack Form

Debounced async validation (800 updates, 50ms debounce)

90.6 ms

Kin Form

221.6 ms

React Hook Form

98.8 ms

Formik

952.6 ms

TanStack Form

Whole-form zod schema validation (on submit)

2.1 ms

Kin Form

5.0 ms

React Hook Form

2.8 ms

Formik

29.9 ms

TanStack Form

Untouched sibling re-renders (800 updates)

Flat field update burst (800x)

Kin Form

React Hook Form

Formik

TanStack Form

Nested field update burst (800x)

Kin Form

React Hook Form

Formik

TanStack Form

These are wall-clock numbers from one shared ~84-field form (flat fields, a nested group, an array) in a real (Happy DOM) React tree, reproducible via deno task --cwd scripts speed-bench.

The benchmark also counts re-renders per scenario, how many untouched sibling fields re-render when one field updates, charted above for the two scenarios where that count is clean and isolated.

#Comparison Overview

#Feature matrix

#API surface

#Bundle size (React usage)

#Performance

Smaller is better.

Initial mount (84 fields)

Flat field update burst (800x)

Nested field update burst (800x)

Array swap burst (800x, cycling adjacent pairs)

Array insert/remove burst (800x)

Flat field update burst + sync validator (800x)

Debounced async validation (800 updates, 50ms debounce)

Whole-form zod schema validation (on submit)

Untouched sibling re-renders (800 updates)

Flat field update burst (800x)

Nested field update burst (800x)

#Detailed comparisons

Comparison Overview

Feature matrix

API surface

Bundle size (React usage)

Performance

Detailed comparisons