SDF Page Hero
A reusable centered page header — glass eyebrow pill, a large balanced headline, and a supporting lede for interior pages.
Pricing
Simple pricing that scales with your team.
Start free and upgrade when you are ready. Every plan includes the full component library, light and dark themes, and lifetime updates — no per-seat surprises.
The full source is for members
Sign in and choose a plan to view and copy sdf-page-hero.tsx. The live preview above is free to explore.
How to use. Copy sdf-page-hero.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.
