stable Content

SDF Featured

A magazine-style featured post — one large split card with media, a dark-pill tag, headline, excerpt, byline, and a read link.

Featured · Product

How we made the dashboard load twice as fast

Behind the rebuild of our workspace: the render bottlenecks we found, the data layer we rethought, and the perceived-performance tricks that made the whole thing feel instant.

Priya Nair · Jun 24, 2026 · 8 min read

Read article →

sdf-featured.tsx 44 lines · TypeScript

The full source is for members

How to use. Copy sdf-featured.tsx into your project (it's self-contained — the styles ship with it and dedupe across instances in React 19). Theme it by setting --sdf-* tokens on any ancestor. No dependencies, no build step.

All React components