Zeyo UI
A living reference for @zeyolabs/ui, the component library behind the shop. Everything shown here renders the real components against the real design tokens, with the source underneath.
What this is
One place that renders every shared primitive live, so "does this exist already?" has a fast answer before anyone writes one-off CSS or a hand-rolled button. Apps bring only their own colour palette.
What it is not
No database, no auth, no shop logic — just UI plus a handful of no-op demo forms. If a page here needs a database, it's out of scope.
Browse
Foundations
The design tokens every app should read from — colors, type scale, spacing, and the layout primitives built on top.
Buttons
@zeyolabs/ui/form button variants, sizes, and the icon footprint — no hand-styled buttons.
Badges & status
One status pill for every domain, a time-series row, and the uppercase kicker label.
Cards & data
Cards and stat tiles.
Tables
Sortable/sticky-column tables, GroupedGrid, empty & loading states, pagination.
Overlays & tabs
Dialog, ConfirmDialog, Popover, and the tab primitives.
Feedback
Loading skeletons and toast notifications.
Forms
Form fields, the <Form> wrapper, file picker, select, and search.