Installation

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

shell

npm i @tanstack/react-form

shell

pnpm add @tanstack/react-form

shell

yarn add @tanstack/react-form

shell

bun add @tanstack/react-form

Meta-frameworks

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

TanStack Start
Next.js
Remix

shell

npm i @tanstack/react-form-start
npm i @tanstack/react-form-nextjs
npm i @tanstack/react-form-remix

shell

pnpm add @tanstack/react-form-start
pnpm add @tanstack/react-form-nextjs
pnpm add @tanstack/react-form-remix

shell

yarn add @tanstack/react-form-start
yarn add @tanstack/react-form-nextjs
yarn add @tanstack/react-form-remix

shell

bun add @tanstack/react-form-start
bun add @tanstack/react-form-nextjs
bun add @tanstack/react-form-remix

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.

shell

npm i @tanstack/react-devtools
npm i @tanstack/react-form-devtools

shell

pnpm add @tanstack/react-devtools
pnpm add @tanstack/react-form-devtools

shell

yarn add @tanstack/react-devtools
yarn add @tanstack/react-form-devtools

shell

bun add @tanstack/react-devtools
bun add @tanstack/react-form-devtools

[!NOTE]- 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.

Meta-frameworks#

Devtools#

Meta-frameworks

Devtools