Baselumen is a component library application built from the work we actually do — Webflow embeds and React + TypeScript components, with live previews, KB-honest sizing, and one-click copy. Public alpha planned for Q3 2026.
A stylized peek at the component browser — search across every pattern, see KB cost up front, toggle between the Webflow-embed and React + TypeScript implementations, copy with one click. None of this is live yet; the screenshots below are the design target.
scroll-marquee Webflow Embed Animation 4.2 KB Copy → useScrollProgress React + TS Hook 1.1 KB Copy → gsap-stagger-grid Webflow Embed Animation 6.8 KB Copy → cms-filter-finsweet Webflow Embed CMS 12.4 KB Copy → lenis-smooth-scroll Webflow Embed Scroll 3.1 KB Copy → AnimatedNumber React + TS Component 2.3 KB Copy → video-bg-fader Webflow Embed Hero 5.6 KB Copy → useIntersection React + TS Hook 0.9 KB Copy → embed-minifier CLI tool Tooling — Beta Pattern list is illustrative. Real catalog is being assembled from our agency archive — final shape may differ.
The market doesn't need another component library. It needs one built from actual production work, with honest tradeoffs surfaced up front. Here's how Baselumen is supposed to differ.
Every component started life inside a Stacklumen build that actually shipped. No "what if a marketing page needed this" patterns — only the ones we proved out under deadline.
Each Webflow embed declares its KB cost and tells you whether it fits inside Webflow's 50 KB embed cap. No guessing, no "it depends on your build."
Webflow embeds and React + TypeScript components live side-by-side. The browser lets you toggle between them so you can see how the same pattern fits each surface.
No license toggle, no "Pro" tier gate. Components copy out cleanly with their dependencies and a usage note. We don't lock you in to a runtime.
Baselumen is the structured pattern catalog. Hublumen is the dedicated client portal — what we use to ship work to real customers. Stacklumen AI follows: a Webflow-native co-builder trained on the patterns Baselumen catalogues. Each product is its own surface, but they share the same source of truth.
We'll seed the alpha with a small group of agencies + in-house teams already using a stack close to ours. Send a quick brief and we'll loop you in when the first build ships.