Roberto Ríos
@rrios-forge/ui 0.16.1

Calm interfaces, from one system.

Tokens, themes and 106 accessible React components on Apple's Liquid Glass model. Every one is alive here: try it, read it, copy it.

Material

Live

Navigation and controls float over the page.

The system, live

Each picture is the component's own story, by day and by night. Open one to try it live.

PageShell

Organism

CommandMenu

Organism

Chart

Organism

MetricCard

Molecule

AuthCard

Organism

FeedCard

Organism

DataTable

Organism

BarList

Molecule

Start here

Four ways in, by what you came to do.

Style

The look in tokens: material, colour, type, space and motion.

Components

Every component, live. Turn every knob and copy the JSX.

Find

Say what you need; get the component and its exact props.

For agents

llms.txt, a manifest and a sheet per component, for any model.

The system, checked

What every change is held to, counted from the code.

Components

106

26 · 65 · 15

Stories

616

Each one a test

Decisions

46

ADRs, each cited

Needs

50

Mapped to a component