TanStack

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 used in the homepage and Blog mega menu. Its padding, hover, focus, selected state, typography, media treatment, and metadata are managed here.

Tooltip

Radix-powered tooltip. Hover or focus the trigger. Source: src/ui/Tooltip.tsx.