Design System
Liorith 1.0

A design system that ships

Thirty-odd primitives, three themes and a token layer that stays out of your way. Built for products that have to look the same in six months.

Tokens first

Colours, spacing and radii are roles, not values. Swap a theme and every component follows.

No styling runtime

CSS modules and custom properties. Nothing to hydrate, nothing to configure.

Documented by the compiler

Prop tables are checked against the real types. Drift breaks the build, not the docs.

Install it

Package
npm install @liorith/design-system

Why our radii are roles

Three semantic steps instead of nine numbers — and the one rule for nesting them.

Killing force-dynamic

Seventy pages moved from per-request rendering to build time without touching a component.

Questions we keep getting

No. Liorith lives in the repository it serves and is imported through a single barrel module.
Three themes ship with it. A fourth is a block of custom properties — no component changes.
Animations shorten, spinners keep a calm opacity pulse so a running process still reads as running.