Introduction
The independent UI library core and swappable themes engine for Lemmo Studio.
Overview
Lemmo UI is built on a simple yet powerful philosophy: Components should be containers, not rigid paintings. The library core handles geometry, accessibility, and token contracts, while visual themes plug in via pure CSS design tokens without any JavaScript re-render penalty.
Architectural Pillars
Decoupled Skin
Zero hardcoded color hexes. All visual traits resolve through CSS custom properties.
Zero-JS Re-theming
Instant CSS-native cascading with data-theme. 0ms runtime JS recalculation.
Monorepo Ready
Direct workspace package export for seamless consumption by the frontend application.
Live Theme Sandbox
Switch themes to see real-time cascading across primitives:
Synchronized with official design system tokens.
Dedicated Documentation Pages
Core Concept →
Deep dive into the Container Model, Skeleton vs Skin, and the Pure Token Rule.
Swappable Themes →
Interactive sandbox with all 6 themes (Lemmo Neon, Midnight, Emerald, etc.).
Design Tokens →
Semantic token table, mandatory pairing rules, and active token inspector.
Installation Guide →
How to install and connect lemmoui in your monorepo workspace.