Web Dev Tools

The TanStack Family

A guide to all the TanStack libraries and how they fit together.

TanStack is a coherent family of libraries from Tanner Linsley and contributors. They share design principles (headless, framework-agnostic, type-safe) and integrate well with each other but each works standalone.

Production-grade

  • TanStack Query — server state for React, Vue, Solid, Svelte, Angular. The most-used library in the family.
  • TanStack Table — headless tables for the same set of frameworks.
  • TanStack Router — client-side, file-based, type-safe routing for React (and Solid). The most type-safe router in any ecosystem.
  • TanStack Virtual — virtualization (lists, grids) for any framework.
  • TanStack Form — type-safe forms for React, Vue, Angular, Solid, Svelte.
  • TanStack Ranger — multi-handle range slider primitive.

Newer / 2025–2026 additions

  • TanStack Start — full-stack framework on top of Router (see TanStack Start).
  • TanStack Pacer — request rate limiting / debouncing.
  • TanStack Optimistic — optimistic UI helpers.
  • TanStack Store — minimal reactive store; pairs with Router/Query.
  • TanStack DB — early-stage local-first DB experiment.
  • TanStack Config — shared config conventions.

Why people pick TanStack

  • Headless — they don't ship UI; you bring your own.
  • Framework-agnostic — most libraries support 4+ frameworks with the same model.
  • Type-safe — types are the spec; no codegen step.
  • Devtools — Query and Router both ship excellent devtools.

Pick this if…

  • You want server state to "just work": TanStack Query.
  • You're building a data-grid: TanStack Table.
  • You want type-safe routing or full-stack React: TanStack Router / Start.
  • You want one philosophy across many libraries: lean into the family.

On this page