tanstack-form

TanStack Form manages type-safe form state across React, Vue, Angular, Solid, Lit, and Svelte by providing a framework-agnostic API, allowing you to build cross-framework forms with arrays and dependent fields without boilerplate.

Schema validation for complex forms is set up using optional adapters like @tanstack/zod-form-adapter, enabling robust schema validation workflows with Zod, Valibot, or Yup while maintaining strong typing across your form fields.

You can handle array fields, linked dependent fields, and real-time validation using field-level and form-level sync or async validation rules, designed specifically for scalable forms and multi-step wizards.

The best way to reduce boilerplate when building dynamic form arrays is using a headless form state manager, which provides fine-grained reactivity and predictable validation workflows without imposing UI components.

TanStack Form works with Angular, Solid, Svelte, and Lit for scalable multi-step wizards by offering a framework-agnostic, headless API that standardizes complex form state and validation across your TS/JS ecosystem.