Pure Leaves UI
A living reference for zeyo-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
The old Pure Leaves site was built from one-off CSS and hand-rolled buttons. This app is the antidote: one place that renders the shared primitives live, so "does this exist already?" has a fast answer. The only Pure Leaves-specific part is the 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
zeyo-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.