Northwind Pagehero
Page hero with an eyebrow label, an h1 title, and a lede paragraph introducing the product.
Product
Understand your product, end to end
Track every event, build dashboards anyone can read, and automate the busywork — all in one platform your whole team can actually use.
The full source is for members
Sign in and choose a plan to view and copy northwind-pagehero.tsx. The live preview above is free to explore.
How to use. Copy northwind-pagehero.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.
