V

VivaBox UI

Style guide

VivaBox UI

Installable component library and style guide for VivaBox products. Package @vivabox/ui@0.1.0 — App shell and Theme Studio are live; AuthShell is deferred.

Theme preview

Use the controls in the header to switch between the 10 bundled presets and toggle light/dark mode.

Primary

Primary action colour

Secondary

Secondary surface

Muted

Muted text and surfaces

Accent

Accent highlight

Destructive

Destructive action

Card

Card surface with border

Sidebar tokens

S

Sidebar preview

Sidebar, sidebar-primary, and accent tokens from the active theme.

Accent chip

Chart palette

1
2
3
4
5