v0.1 · Public alpha · Updated weekly
Components, attributes, and tooling for agencies that ship Webflow sites for a living. Copy-paste ready, accessibility-checked, version-tracked — built by a studio, for studios.
01
/ Platforms
Every Baselumen component ships with a Webflow build, a Figma source, and a React reference — so design, dev, and prototyping stay in sync without translation work.
Live
Production-ready sections, navigations, and CMS templates. Copy a section ID, paste into the Designer, restyle as your own.
Q3 2026
A complete design system file. Variables for tokens, variants for states, auto-layout that matches the Webflow class structure 1:1.
Q4 2026
Headless TypeScript components with proper accessibility primitives. Drop into Next, Astro, or Vite — the same DOM as the Webflow build.
Real props, real variants, clean classes. Copy an ID in the app, drop it into any Webflow project, and it is yours to change.
02
/ Utilities
Daily-use utilities every Webflow studio quietly needs — built into the same surface as the components, so you stop hunting through bookmarks.
02.01
/ Reference
Live
Searchable reference for every data-* attribute Webflow uses. Click to copy, paste into the Designer.
Open reference →
02.02
/ Generators
Beta
Color scales, type ramps, spacing grids, and shadow systems — output as CSS variables, Webflow class names, or Figma tokens.
Open tools →
02.03
/ Diagnostics
Beta
Drop in a published Webflow URL — get a report on missing alt text, heading order, classes, broken links, and CMS field gaps.
Run audit →
03
/ Principles
Baselumen is intentionally narrow. Rather than be everything for everyone, it tries to be very good at the handful of things below.
03.01 / Production-ready
Every component here is one we'd ship to a paying client — no placeholder copy, no broken responsive states, no half-finished interactions.
03.02 / Accessibility
Keyboard-tested, screen-reader-tested, and contrast-checked before anything gets a version number. Accessibility isn't a future release.
03.03 / Versioning
Components carry version numbers, changelogs, and migration notes. If a class name changes, you'll know — and know exactly how to update.
03.04 / No lock-in
Once a component is in your project, it's yours. No license keys, no embed scripts, no “powered by” badges. Restyle and rebrand freely.
03.05 / Tokenized
Every color, font, radius, and spacing step is a CSS custom property. Override at the root, a section, or a single instance — the cascade is the whole model.
03.06 / Agnostic
Framework-free HTML and CSS. Drop it into Webflow, Astro, Next, or a plain page — the markup doesn't care what surrounds it.
Reverse chronological, with migration notes. When a class name changes, you know exactly how to update.
05
/ Contact
Questions about the library, licensing, or a custom component? Send a note — we read every message and usually reply within a business day.
apps@stacklumen.com
Response time
Within 1 business day
Based in
Lexington, KY
Private, paid beta
No account required to browse. No newsletter signup, no sales calls, no email-gating the docs — just copy, paste, and ship.
