Lumos, end‑to‑end.

Nine areas — from first install to themes, components, and domain surfaces. Every page is built from the live @tarva/ui library and the Lumos token system.

Getting Started

Install, theme setup, and your first component.

setup 02

Foundations

Color, type, spacing, motion — the tokens every component reads.

11 token sets 03

Components

Buttons, inputs, cards, overlays — the UI atoms and molecules.

117 components 04

Patterns

Composed recipes — forms, filtering, empty states, flows.

5 recipe families 05

Layout & Shell

AppShell, TopBar, Sidebar, PageHeader — the frame around the app.

the app frame 06

Data Grid

TanStack + AG‑Grid adapters with shared cell renderers.

2 adapters 07

Domain

AgentCards, pipeline, sub-portal — product-surface composites.

the product layer 08

Charts

Cartesian, hierarchy, network, radial, statistical — on visx + d3.

22 types · 5 families 09

Themes

Color schemes, light / dark, and the theme matrix.

12 schemes

Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

8.5 × 11 · Portrait