A production component library·Now in private beta
stable Content

SDF Popular

Head with eyebrow, title, and all-guides link over a two-up grid of guide cards with view and read-time meta.

Sign in to copy
Popular this month

What people are reading.

All guides
Getting started

Your first SDF page in 10 minutes.

14,221 views8 min read
Theming

Reskinning every component with six CSS variables.

9,847 views6 min read
Components

Composing the navbar with a mega menu.

7,402 views12 min read
Recipes

Dark mode without rewriting your components.

6,118 views5 min read
BaselumenPopular.tsx 68 lines · TypeScript

The full source is for members

Sign in and choose a plan to view and copy BaselumenPopular.tsx. The live preview above is free to explore.

Sign in

How to use. Copy BaselumenPopular.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
A Stacklumen Product