Component Gallery
A living design-system reference — every @uploz/ui component rendered with sample props. Interactive specimens (buttons, ack ladder, banners) report the last interaction at the top.
Last interaction: —
@uploz/uiPrimitives
Glanceable status atoms.
Badge
Traffic-light pills (all variants).
Button
Variants and sizes.
SignalFlag
US-Navy ack vocabulary — active vs. dimmed.
AckLadder
Interactive 6-rung acknowledgment ladder (click to set).
ReadinessBadge / NodeHealthCard
Node summaries by readiness.
AlertBanner
Severity-colored banners with actions.
RecommendedActionItem
Mission Control action row.
BurndownChart
Pure-SVG sprint burndown with ideal line.
GanttBar
Sprint timeline rows by status.
HealthTimeline
Dependency-free event timeline with deltas.
- TRANSITION72→88
Mumbai entered TECHNICAL_VALIDATION
- ALERT88→61
Network Manager went offline
- ACK
Backup lead acknowledged at ROGER_THAT
NuggetTimeline
Reorderable run-of-show cards.
Signature shapes
Brand controls — WorldOval & YinYang.