Form Docs
AI/LLM: This documentation page is available in plain markdown format at/form/alpha/docs/installation.md
Getting Started
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@alphashell
pnpm add @tanstack/react-form@alphashell
yarn add @tanstack/react-form@alphashell
bun add @tanstack/react-form@alphaMeta-frameworks#
If you're using a meta-framework, TanStack Form provides additional adapters to streamline integration:
- TanStack Start
- Next.js
shell
npm i @tanstack/react-form-start@alpha
npm i @tanstack/react-form-nextjs@alphashell
pnpm add @tanstack/react-form-start@alpha
pnpm add @tanstack/react-form-nextjs@alphashell
yarn add @tanstack/react-form-start@alpha
yarn add @tanstack/react-form-nextjs@alphashell
bun add @tanstack/react-form-start@alpha
bun add @tanstack/react-form-nextjs@alphaDevtools#
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@alpha
npm i @tanstack/react-form-devtools@alphashell
pnpm add @tanstack/react-devtools@alpha
pnpm add @tanstack/react-form-devtools@alphashell
yarn add @tanstack/react-devtools@alpha
yarn add @tanstack/react-form-devtools@alphashell
bun add @tanstack/react-devtools@alpha
bun add @tanstack/react-form-devtools@alpha[!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.