# @tanstack/vue-form

> Powerful, type-safe forms for Vue.

Latest version **1.33.5** (published 2026-08-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install @tanstack/vue-form
pnpm add @tanstack/vue-form
yarn add @tanstack/vue-form
bun add @tanstack/vue-form
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; has provenance; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.33.5 |
| Published | 2026-08-11 |
| First published | 2023-09-08 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 241.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Provenance | attested (GitHub Actions) |
| GitHub stars | 6697 |
| Author | tannerlinsley |
| Maintainers | tannerlinsley, alemtuzlak, kevinvandy |

## Links

- npm: https://www.npmjs.com/package/@tanstack/vue-form
- Repository: https://github.com/TanStack/form
- Homepage: https://tanstack.com/form
- Funding: https://github.com/sponsors/tannerlinsley
- npm.io page: https://npm.io/package/@tanstack/vue-form

## Dependencies (2)

- [@tanstack/form-core](https://npm.io/package/@tanstack/form-core.md) 1.33.5
- [@tanstack/vue-store](https://npm.io/package/@tanstack/vue-store.md) ^0.11.0

## Recent versions

- 1.33.5 (latest) — 2026-08-11
- 2.0.0-alpha.2 (alpha) — 2026-08-21
- 2.0.0-alpha.1 — 2026-08-13
- 2.0.0-alpha.0 — 2026-08-10
- 1.33.4 — 2026-08-08
- 1.33.3 — 2026-08-01
- 1.33.2 — 2026-07-13
- 1.33.1 — 2026-07-09
- 1.33.0 — 2026-05-28
- 1.32.1 — 2026-05-26
- 1.32.0 — 2026-05-10
- 1.31.0 — 2026-05-09
- 1.30.0 — 2026-05-09
- 1.29.3 — 2026-05-08
- 1.29.2 — 2026-05-08
- … 195 more at https://npm.io/package/@tanstack/vue-form/versions

## README

<img src="https://static.scarf.sh/a.png?x-pxid=be2d8a11-9712-4c1d-9963-580b2d4fb133" />

<picture>
  <source
    media="(prefers-color-scheme: dark)"
    srcset="https://tanstack.com/api/readme/form.png?framework=vue&theme=dark"
  />
  <source
    media="(prefers-color-scheme: light)"
    srcset="https://tanstack.com/api/readme/form.png?framework=vue"
  />
  <img
    src="https://tanstack.com/api/readme/form.png?framework=vue"
    alt="TanStack Vue Form"
    width="900"
  />
</picture>

Compositions for managing form state in Vue

<a href="https://twitter.com/intent/tweet?button_hashtag=TanStack" target="\_parent">
  <img alt="#TanStack" src="https://img.shields.io/twitter/url?color=%2308a0e9&label=%23TanStack&style=social&url=https%3A%2F%2Ftwitter.com%2Fintent%2Ftweet%3Fbutton_hashtag%3DTanStack">
</a><a href="https://discord.com/invite/WrRKjPJ" target="\_parent">
  <img alt="" src="https://img.shields.io/badge/Discord-TanStack-%235865F2" />
</a><a href="https://github.com/TanStack/form/actions?query=workflow%3A%22vue-form+tests%22">
<img src="https://github.com/TanStack/form/workflows/vue-form%20tests/badge.svg" />
</a><a href="https://www.npmjs.com/package/@tanstack/form-core" target="\_parent">
  <img alt="" src="https://img.shields.io/npm/dm/@tanstack/form-core.svg" />
</a><a href="https://bundlephobia.com/package/@tanstack/vue-form@latest" target="\_parent">
  <img alt="" src="https://badgen.net/bundlephobia/minzip/@tanstack/vue-form" />
</a><a href="#badge">
    <img alt="semantic-release" src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg">
  </a><a href="https://github.com/TanStack/form/discussions">
  <img alt="Join the discussion on Github" src="https://img.shields.io/badge/Github%20Discussions%20%26%20Support-Chat%20now!-blue" />
</a><a href="https://bestofjs.org/projects/tanstack-form"><img alt="Best of JS" src="https://img.shields.io/endpoint?url=https://bestofjs-serverless.now.sh/api/project-badge?fullName=TanStack%form%26since=daily" /></a><a href="https://github.com/TanStack/form/" target="\_parent">
  <img alt="" src="https://img.shields.io/github/stars/TanStack/form.svg?style=social&label=Star" />
</a><a href="https://twitter.com/tannerlinsley" target="\_parent">
  <img alt="" src="https://img.shields.io/twitter/follow/tannerlinsley.svg?style=social&label=Follow" />
</a> <a href="https://gitpod.io/from-referrer/">
  <img src="https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?logo=gitpod" alt="Gitpod Ready-to-Code"/>
</a>

Enjoy this library? Try the entire [TanStack](https://tanstack.com)! [TanStack Table](https://github.com/TanStack/table), [TanStack Router](https://github.com/tanstack/router), [TanStack Virtual](https://github.com/tanstack/virtual), [React Charts](https://github.com/TanStack/react-charts), [React Ranger](https://github.com/TanStack/ranger)

## Visit [tanstack.com/form](https://tanstack.com/form) for docs, guides, API and more!

### [Become a Sponsor!](https://github.com/sponsors/tannerlinsley/)

<!-- Use the force, Luke -->

---
_Source: https://npm.io/package/@tanstack/vue-form · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._