Gallery

Every family, rendered the way a page uses it — overlays closed, behind their own triggers.The package's own list is @hanzo/ui/gallery, and it is a harness: it renders every portalled surface OPEN so their panels produce rules. That is thirteen full-viewport layers, so it runs in a document of its own — open the harness.

Button

Nine variants, three sizes, plus the two states that are not variants.

Badge

Four tones, one shape.
defaultsecondarydestructiveoutline

Card

Header, content, footer — each optional, none pinned to a height.
Card titleCard description
Content grows down its track and takes the width it is given.

Fields

Behaviour comes from the matching gui primitive; nothing here reimplements focus or keyboard.

Select

A listbox, closed until asked.

Tabs

One panel at a time, keyboard-navigable.
The first panel.

Accordion

Disclosure down the page.

Collapsible

The same disclosure, without the set.

Overlays

Each behind the trigger a caller writes — this is the difference between this page and the harness.

Toggle group

A set where one is on.

Avatar, Separator, Aspect ratio

The small ones.
HZ
AI
16 / 9

Scroll area

A frame that scrolls its own content instead of the page.
Row 1Row 2Row 3Row 4Row 5Row 6Row 7Row 8Row 9Row 10Row 11Row 12
Every component renders through @hanzo/gui, so one import runs on web, native and desktop.
Grid is web-only and ships at @hanzo/ui/grid, off the barrel that promises to run everywhere.
Hanzo — the Open AI Cloud.