GitHub
ESA · Data Technology

Ecology

A framework-agnostic design system. Tokens, primitives, and patterns that travel from project to project — and re-skin to any brand without touching a component.

67Components
3-tierToken system
.astro + WCPresentational + interactive
Any stackWeb Components everywhere

Token-driven

Primitive → semantic → component. Authored in DTCG, compiled to CSS. Every value is a token; nothing is hard-coded.

Foundations →

Two kinds of component

Presentational primitives ship as .astro; interactive ones as framework-agnostic Lit Web Components that drop into any stack.

See an example →

Theme, don't fork

A project re-skins by overriding the semantic layer under a [data-theme] scope. The brand changes everywhere at once.

How theming works →
Components

Component catalog

67 documented components — atoms through section-level legos — in one scannable index, each with live specimens and an API. Generated from source, so it never drifts.

Browse the catalog →
Patterns

Pattern library

Composed, multi-component page archetypes — app shells, data views, form flows — assembled from the legos and themeable end to end.

Explore the patterns →

Explore components