Getting Started

Installation

TanStack Form is compatible with various front-end frameworks, including React, Vue, and Solid. Install the corresponding adapter for your framework using your preferred package manager:

react: @tanstack/react-form vue: @tanstack/vue-form angular: @tanstack/angular-form solid: @tanstack/solid-form lit: @tanstack/lit-form svelte: @tanstack/svelte-form

React

Meta-frameworks

If you're using a meta-framework, TanStack Form provides additional adapters to streamline integration:

  • TanStack Start
  • Next.js
  • Remix
bash
npm i @tanstack/react-form-start
npm i @tanstack/react-form-nextjs
npm i @tanstack/react-form-remix
npm i @tanstack/react-form-start
npm i @tanstack/react-form-nextjs
npm i @tanstack/react-form-remix

React

Devtools

Developer tools are available using TanStack Devtools. Install the devtools adapter for your framework as a dev dependency to debug forms and inspect their state.

Solid

Devtools

Developer tools are available using TanStack Devtools. Install the devtools adapter for your framework as a dev dependency to debug forms and inspect their state.

bash
npm i @tanstack/react-devtools
npm i @tanstack/react-form-devtools
npm i @tanstack/react-devtools
npm i @tanstack/react-form-devtools
Polyfill requirements

Depending on your environment, you might need to add polyfills. If you want to support older browsers, you need to transpile the library from node_modules yourself.