Gallery · v1.0

yravg UI

A component gallery for the v1.0 stylesheet. One file per component, no runtime dependencies, usable from local files.

Browse componentsInstall

Live previews

D1

Rule card

D3

Data table

D4

Treemap

D7

Flow diagram

F1

Start here

M1

Expandable island

Patterns place these on a whole page.

How it is built

Single file

Each component copies out as one HTML document with the stylesheet inlined.

Plain web

HTML, CSS, and a short script. The page does not load a framework.

Offline

Keep the stylesheet beside the file, or inline it. The page runs from local files.

Questions

Where does the accent live?

In --accent on :root, inside design/yravg-ui.css. This gallery sets clay #B4532A. Change that one variable to recolor every control that uses it.

What is the companion slot?

An empty labelled place: Bud companion, pending yravgBud. It stays empty until that artwork exists.

Is the timed gate on?

It ships off. The component page can arm an 8 second timer inside its preview.

Does a page need a framework?

A page needs the stylesheet and the markup. This catalog is generated by src/build.py so the pages stay in step with the components.

Is there a dark theme?

v1.0 is the light canvas only. The gallery has no theme toggle.