Nine ways in.

The sidebar is nine stable roots, ordered the way you build — orientation first, then the primitives, the components, how they compose, and the product surfaces on top. The names sit where you would expect them, and each root opens with its own Overview.

The nine roots

Getting Started

Orientation — you are here.

Foundations

Tokens: color, type, spacing, motion.

Components

The full catalog, grouped by function.

Patterns

Composed, opinionated recipes.

Layout & Shell

AppShell, Sidebar, TopBar, PageHeader.

Data Grid

AG-Grid, cell renderers, adapters.

Domain

Product surfaces unique to Tarva.

Charts

Cartesian, radial, hierarchy, network.

Themes

Scheme matrices + theme tooling.

data-slot on every interactive root — identification + testing. CVA variants · machine-readable in component reference. cn() merges classes (clsx + tailwind-merge).

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

8.5 × 11 · Portrait