Installation

Install TanStack Form for your framework

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

Framework Adapters

Choose the package for your framework:

React

npm

npm install @tanstack/react-form

Vue

npm

npm install @tanstack/vue-form

Angular

npm

npm install @tanstack/angular-form

Solid

npm

npm install @tanstack/solid-form

Svelte

npm

npm install @tanstack/svelte-form

Lit

npm

npm install @tanstack/lit-form

React Meta-Frameworks

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

TanStack Start

npm

npm install @tanstack/react-form-start

Next.js

npm

npm install @tanstack/react-form-nextjs

Remix

npm

npm install @tanstack/react-form-remix

Developer Tools

Developer tools are available using TanStack Devtools for React and Solid. Install the devtools packages as dev dependencies to debug forms and inspect their state.

React

npm

npm install -D @tanstack/react-devtools @tanstack/react-form-devtools

Solid

npm

npm install -D @tanstack/solid-devtools @tanstack/solid-form-devtools

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.

Next Steps

Now that you’ve installed TanStack Form, continue to the Quick Start guide to build your first form.