A production component library·Now in private beta
stable Content

SDF Story

Founding-story timeline pairing year markers with title and body copy in top-ruled two-column rows.

Sign in to copy
Founding story

How we got here.

  1. 2018

    Started as a side project.

    Two engineers, a freelance gig, and a strong opinion about documentation. Shipped the first client site over a weekend.

  2. 2021

    Built the first internal toolkit.

    After ten projects, the patterns were obvious. We codified them into reusable pieces — the seed of what later became SDF.

  3. 2024

    Opened the toolkit publicly.

    Realized other small teams faced the same problems. Started publishing components and documentation as a library other people could use.

  4. Now

    Same belief, more leverage.

    A handful of people, shipping serious work for small teams. The toolkit keeps growing because the projects keep teaching us new things.

BaselumenStory.tsx 57 lines · TypeScript

The full source is for members

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

Sign in

How to use. Copy BaselumenStory.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