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.