TANSTACK

@tan_stack • 65,644 subscribers

Open Source Software for the modern web, apps, and AI

Shorts

92,734 views

Videos

sweetdream.ai

Watch Anya Live

Anya is streaming live right now! Join her private show and enjoy exclusive content.

Private Show

Join now for exclusive access

Free preview available • Premium content

53,716 views • 14 days ago

30,548 views • 10 days ago

132,924 views • 2 months ago

150,031 views • 3 months ago

118,616 views • 3 months ago

91,407 views • 3 months ago

21,186 views • 22 days ago

79,086 views • 3 months ago

88,933 views • 4 months ago

42,965 views • 1 month ago

74,653 views • 3 months ago

43,787 views • 2 months ago

11,751 views • 16 days ago

39,626 views • 2 months ago

45,436 views • 3 months ago

46,753 views • 3 months ago

34,547 views • 3 months ago

68,245 views • 7 months ago

33,646 views • 3 months ago

47,921 views • 5 months ago

Live Cam

TANSTACK

Shorts

TanStack Devtools just migrated to Oxc parser + magic-string!🚀 The results: 📌 Per-file transform: 1.65 ms → 0.46 ms 📌 Full pass: 75.73 ms → 21.25 ms 📌 Speedup: 3.56×

Videos

Watch Anya Live

WebSockets just landed in TanStack AI. 🚀 One socket for the whole conversation. Full-duplex. And if it drops mid-stream, the client reopens at the last offset and replays only the gap, no second model call. Works on Node (`ws`) and Cloudflare (`toWebSocketResponse`)

Stop paying for your users' tokens. 💸 Headless BYOK just landed in TanStack AI: users bring their own API key, it never touches your server, and 15 provider adapters got a /byok entry in one pass. Two calls to wire up. 🔑

MCP tools have only ever returned text for the model to read. Now they return interactive UI. 🪄 TanStack AI's new MCP Apps support renders ui:// widgets right in the chat - static or fully interactive, with a client/server bridge.

New in TanStack Start: Deferred Hydration. Choose when selected parts of your app hydrate, like when they become visible, get interacted with, or the browser goes idle.

New in TanStack Router: more control over dynamic route params. Use params.parse to accept or skip a candidate, with priority for overlapping dynamic params.

New in TanStack Start: route-aware CSS inlining. Inline initial route CSS during SSR to reduce blocking stylesheet requests and improve FCP.

TanStack AI officially supports Vercel AI Gateway. Stream with the same chat() API, keep full type safety. Install: npm i @tanstack/ai-vercel-gateway

Your AI stack just stopped being closed. 🔓 TanStack AI now speaks AG-UI client-to-server. - The same client hits any AG-UI server. - Any AG-UI client hits a TanStack server. Zero breaking changes. Migration guide in the tweet below 👇

Every AI audio provider ships a different SDK. TanStack AI just unified them. Gemini Lyria, fal MiniMax, Stable Audio. Same streaming call, any model. Typed. Tree-shakeable. Hooks for React, Solid, Vue, Svelte. Try it → Blog 👇

Adding voice messages to your AI chat app? 🎙️ useAudioRecorder() → record → get a ready-to-send audio part. That's it. One API across React, Vue, Solid, Svelte &amp; Angular.

30 seconds of spinners is not great UX. 🌀 @tanstack/ai now streams structured output straight into useChat. Pass a Zod schema, get a typed `partial` and `final` for free. ✨ Blog post link below 👇

TanStack AI runs coding agents in a sandbox now 📦 Agents: Grok build, Claude Code, Codex, OpenCode, or any ACP agent Sandboxes: Cloudflare, Docker, Local, Daytona or Vercel sandboxes Fully configurable sandboxes with skills, mcps and more! 🚀

TanStack AI now honors structured outputs on agent harnesses. 🚀 Fully typesafe agent harness work end-to-end is here. Try it out today!

Our NPM Stats product just got a massive upgrade. 📊 Snapshot + Timeline modes ▶️ playback/scrubbing 🔍 timeline zoom scrubber 🖼️ SVG/PNG/JPEG export 🎞️ GIF/WebM export 🏷️ custom series labels 📚 stacked/area/stream/bar modes ↔️ horizontal resizing

TanStack AI now runs on react-native! 🚀 Stream down to mobile devices with ease using fetch + polyfills or XHR transports! Try it out with the latest releases!

Every TanStack package used to share the same generic OG image. Not anymore. 🔥 - 17 libraries. 34 themed cards. - Brand color per package. - Rendered on demand. Live now → 🟢

MCP support in TanStack AI is here! 🚀 🌴 One MCP server or many 🌴 Standalone clients or pooled servers 🌴 CLI for typegen 🌴 Managed lifecycle via chat or complete control Read the full blog post below 👇

We are excited to announce the arrival of our most requested adapter! 🚀 OpenRouter adapter lands in TanStack AI with over 300+ models for you to play with! 🔥 Try it out with the latest version today!

We just released a new version of TanStack AI! 🚀 In today's release we have added client/server context for tools and middleware. Plug it into your useChat/chat and have it available, fully typesafe out of the box. 🔥

Demo of full offline flow

Adding voice messages to your AI chat app? 🎙️ useAudioRecorder() → record → get a ready-to-send audio part. That's it. One API across React, Vue, Solid, Svelte & Angular.