medyll
Profile
← all projects

@medyll/css-base

Native CSS design system: modular, themeable, zero build

Started Last update

css-base is a modular design system written in plain CSS. Version 0.7.13 combines cascade layers, OKLCH colors, native light-dark(), CSS @function, and typed attr() utilities without a preprocessor or JavaScript runtime, and demonstrates its token architecture through ten interchangeable skins.

Where it sits


flowchart TD
  P["idea / needs"] --> S["@medyll/css-base"]
  S --> A["tokens · OKLCH · light-dark()"]
  S --> B["components · utilities · typed attr()"]
  S --> C["modular npm exports · zero build"]
  S --> D["10 token-only demo skins"]

Overview


Published CSS design system built entirely on native platform features: cascade layers, OKLCH, light-dark(), CSS @function, and typed attr(). Version 0.7.13 ships modular entry points, reusable components and utilities, plus ten token-only demo skins—with no preprocessor, build step, or JavaScript runtime.

Highlights


  • · v0.7.13 published on npm
  • · Modular exports · cascade layers · native dark mode
  • · 10 skins from token overrides only
CSSOKLCH@functionattr()
View source →