Cards & Surfaces
Container and inline primitives that establish elevation and emphasis.
Card
A polymorphic surface (render as a link via `as`). Source: src/components/Card.tsx.
TanStack Start
Full-stack React framework powered by TanStack Router.
Inline code
Emphasizes code references within running text. Source: src/ui/InlineCode.tsx.
Run pnpm dev to start the dev server, then open localhost:3000.
Blog post card
The canonical blog preview. size='sm' (default) is the compact card in the homepage and Blog mega menu; size='lg' is the roomier treatment for the Blog index grid, and renders library tags when the post carries a library. Padding, hover, focus, selected state, typography, media treatment, and metadata are managed here.
TanStack has a new logo, a design system, and a brand built with care for the details.
Two tiny, synchronous libraries for turning technical content into deterministic, themeable webpages.
Tooltip
Radix-powered tooltip. Hover or focus the trigger. Source: src/ui/Tooltip.tsx.