SDF Changelog
Left-ruled release timeline with version, date, colored type tags, and per-entry change lists.
Mega menu component with combo class support.
Ships the long-awaited dropdown navigation pattern with full keyboard support, native open-state class targeting, and copy-paste portability across Webflow projects without custom code.
- Added sdf-navbar__dropdown-panel with 4 layout variants
- Pseudo-element hamburger morph (no custom JS required)
- Sticky navbar + locked dropdown panel on scroll
Stats grid responsive overflow on tablet.
Fixed a regression where the four-up stats grid would overflow horizontally on narrow tablets. Now collapses to 2x2 at the medium breakpoint.
Removed legacy font tokens.
All deprecated --sdf-font-mono and --sdf-font-serif tokens are now removed. Components fall back to --sdf-font for any face.
- Replace all var(--sdf-font-mono) with var(--sdf-font)
- For mono-look feel: use uppercase + tight letter-spacing
New hero video pattern with edge gradients.
Adds a hero pattern with full-bleed video background and configurable edge-gradient blends to navbar and next-section colors.
Rewrote theming guide with five-token recipe.
New theming guide shows how to reskin the entire library by overriding just five CSS variables. Replaces the old 20-token approach.
SDF 3.0 — the second rewrite.
Library rewritten from the ground up. New BEM naming, new tokens, new structure. Migration guide ships separately.
The full source is for members
Sign in and choose a plan to view and copy BaselumenChangelog.tsx. The live preview above is free to explore.
How to use. Copy BaselumenChangelog.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.
