SDF Post Grid
A blog / resource card grid — three-up whole-card links with cover image, category pill, title, excerpt, and author · date meta.
Product
How we cut dashboard load times by 80%
A deep dive into the query engine rewrite behind Northwind 2.0.
Engineering
Designing a real-time collaboration layer
Presence, cursors, and conflict-free edits — how we built live collaboration.
Company
What we learned shipping to 10,000 teams
Lessons from our first two years scaling Northwind.
Analytics
The metrics every product team should track
A practical framework for activation, retention, and expansion.
Guides
Set up your first dashboard in 5 minutes
A step-by-step guide to going from signup to your first insight.
Design
Why we rebuilt our design system
How a token-driven system keeps Northwind consistent everywhere.
The full source is for members
Sign in and choose a plan to view and copy sdf-post-grid.tsx. The live preview above is free to explore.
How to use. Copy sdf-post-grid.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.
