Download
LombokCSS
A modern, token-first component CSS framework. Drop a class, get a working component — like Bootstrap. Re-theme everything by changing one attribute — like a design system. Ships at ~9.7 KB gzipped (full build, minified).
Component-based (Bootstrap) + Token-driven theming (design systems) + Tiny (Pico/UnoCSS)
Why it's different
Most frameworks bake their look into each component, so changing the visual style means overriding hundreds of rules. LombokCSS inverts that:
Components read only semantic tokens (--lc-surface, --lc-text, --lc-radius, --lc-shadow, --lc-accent, )
A "design style" is just a different set of token values. Switching it never touches component CSS or your HTML.
<!-- same markup, five identities -->
<html data-style="neo-brutalism"> <!-- thick borders, hard shadows -->
<html data-style="glassmorphism"> <!-- frosted glass -->
<html data-style="resonant-stark"> <!-- Linear-style dark -->
Dark mode (data-theme) and RTL (dir)
Features
- token-first component CSS framework
- Drop a class, get a working component — like Bootstrap
- Re-theme everything by changing one attribute — like a design system.
- Component-based (Bootstrap) + Token-driven theming (design systems) + Tiny (Pico/UnoCSS)
- Most frameworks bake their look into each component, so changing the visual style means overriding hundreds of rules.
- A "design style" is just a different set of token values. Switching it never touches component CSS or your HTML.
Project Samples
