Component library
27 components. Each page has the real component on a live stage, code for web, Tailwind, React Native, SwiftUI and Jetpack Compose, its touch target, and its rules.
Actions
ButtonsTrigger an action. Four variants chosen by what the action does, three heights chosen by where the button sits. A split button is the compound kind: one commit plus a menu of alternatives.CopyTokenOne click copies a high-value identifier and confirms it with a Copied! tooltip.Bulk action barActions for every selected row of a table, floating at the bottom of the screen while a selection exists.ToggleSwitch one setting on or off immediately, with no Save step.
Data display
CardsGroup related facts into one readable surface on a page or panel.Data grids and ledgersScan, sort and act on many records at shop-floor density.Pills and tagsPassive metadata: what condition a row is in, or what a thing is.AvatarsShow who: a person, a client or a shop, by photo or initials.BadgesA count attached to a label: how many.
Form controls
Text inputs and steppersEnter text or a number. Fields sit in rows, so they share one height.Date pickerPick a date on the shop working calendar, with off days and rule floors shown.File uploaderAttach files by picking or dropping them.Checkbox and radioChoose several (checkbox) or exactly one (radio) from a set.
Overlays
ModalInterrupt for a decision or a short form that must finish before going on.Panels and drawersInspect or edit a record beside the page without leaving it.PopoverSmall contextual content anchored to the control that opened it.TooltipA short label for a control whose meaning is not spelled out on it.Toast and notificationsConfirm that something happened, or report that it failed, without blocking.
Domain and AI
Tree view (BOM)Show and edit nested structure: assemblies, parts, task groups.AI indicators and thermal auraMark where AI produced or is producing something, with one warm visual identity.Status logicMap what a record is doing to one status hue, used the same way on every screen.Progress barsShow how far along work is.