Web Dev Tools

Forms

Form libraries for React (and a few framework-agnostic ones).

React

  • React Hook Form — minimal re-renders, big ecosystem, integrates with every UI kit. Default for most React apps.
  • TanStack Form — newer, fully type-safe, signal-friendly, framework-agnostic (React, Vue, Solid, Angular, Svelte). Strong fit if you're already on TanStack Router/Query.
  • Conform — server-action-friendly, web-platform-aligned (works with <form> action attributes). Excellent fit for Remix/React Router 7 and Next.js Server Actions.
  • Formik — once the default, now in maintenance mode. Avoid for new projects.

Schema-first form generation

  • Auto-generate forms from a schema:
    • @hookform/resolvers + Zod / Valibot / ArkType — pair RHF with your validation library.
    • Conform + Zod — same idea, server-action focused.
    • JSONSchema-to-form: react-jsonschema-form, uniforms.

Vue / Svelte / Solid

  • VeeValidate (Vue), FormKit (Vue, framework-agnostic).
  • sveltekit-superforms — form lib + actions, very popular in SvelteKit.
  • Formsnap (Svelte) on top of sveltekit-superforms.

Pick this if…

  • Default React app: React Hook Form + Zod (or Valibot).
  • Server Actions / progressive enhancement: Conform.
  • You're already on TanStack Router/Query: TanStack Form.
  • SvelteKit: sveltekit-superforms.

On this page