Data & State Management

Resources

BlogRelease notes, architecture notes, and essays.YouTubeThe official TanStack channel.

Workshops

Learn from maintainers

Remote and in-person TanStack workshops for teams that need depth.

Professional Workshops

Channels

DiscordCommunity support and real-time discussion.GitHubSource, issues, discussions, and releases.

People & Work

MaintainersMeet the people maintaining the stack.ContributorsCore, library, and community contributors.ShowcaseProducts and teams building with TanStack.

Tools

BuilderAlphaGenerate TanStack app starters.StatsNPM and ecosystem usage data.

Recent Products

All MerchBrowse all TanStack apparel, accessories, and stickers.

Support

Support OverviewFind the right support path.PartnersCompanies supporting TanStack.OSS SponsorsSponsors keeping TanStack open source.Enterprise SupportPrivate consulting and expert support.ContactGet in touch with the TanStack team.

About

EthosHow we think about open source and products.TenetsThe values that shape TanStack libraries.Brand GuideLogos, colors, and brand usage.Design SystemDesign tokens and components for TanStack surfaces.

Partners

Work with TanStack

Sponsorships, placements, and partner pages.

Partnership Inquiry

All LibrariesBrowse the full set of public packages.

Framework

Data & State Management

UI & UX

Performance

Tooling

Resources

BlogRelease notes, architecture notes, and essays.YouTubeThe official TanStack channel.

Professional Workshops

Channels

DiscordCommunity support and real-time discussion.GitHubSource, issues, discussions, and releases.

People & Work

MaintainersMeet the people maintaining the stack.ContributorsCore, library, and community contributors.ShowcaseProducts and teams building with TanStack.

Tools

BuilderAlphaGenerate TanStack app starters.StatsNPM and ecosystem usage data.

Recent Products

All MerchBrowse all TanStack apparel, accessories, and stickers.

Support

Support OverviewFind the right support path.PartnersCompanies supporting TanStack.OSS SponsorsSponsors keeping TanStack open source.Enterprise SupportPrivate consulting and expert support.ContactGet in touch with the TanStack team.

About

EthosHow we think about open source and products.TenetsThe values that shape TanStack libraries.Brand GuideLogos, colors, and brand usage.Design SystemDesign tokens and components for TanStack surfaces.

Partnership Inquiry

Design System

TanStack DS · v0

Styles

Overview
Colors
Typography
Iconography
Icon Migration
Shadows
Effects

Figma Tokens

Palette
Semantic Tokens

Components

Buttons
Badges
Inputs
Dropdown
Avatar
Spinner
Collapsible
Breadcrumbs
Cards & Surfaces
Navbar

Spinner

A simple animated loading indicator. Size it with w-/h- utilities and recolor it with text-* (it inherits currentColor). Source: src/components/Spinner.tsx.

Sizes & color