Cloud themes for Zeno UI
Ship a UI theme from a prompt.
Generate or select a theme, publish a stable runtime contract, then initialize your app with @zenoui/react so every component reads the active design system at startup.Live component displayBold Cloud Theme
Theme briefBrand, motion, and density stay editable.
brandaccentsurface
Published runtimeApps fetch the active environment alias.
Projectacme-dashboard
Environmentproduction
Version20260622-eb4b29
GeneratePrompts and presets resolve into colors, spacing, type, radius, motion, and validation scores.
PublishZeno stores an immutable version and points an environment alias such as production at it.
InstallAdd @zenoui/react to the consumer app and keep using Zeno primitives for buttons, cards, fields, and layout.
InitializePass a project source into the provider. It fetches the active contract, applies tokens, and keeps fallback config ready.
What Zeno does
Design tokens become runtime infrastructure.
Zeno connects the theme playground, hosted publish workflow, and React package into one loop. Your product installs the provider once, then future visual updates move through hosted theme versions instead of component rewrites or redeploy-only token files.Theme authoringStart from presets or tune brand, accent, trend, mood, and motion until the token contract matches your product.
Package-ready outputPublished configs are normalized into the same semantic keys that @zenoui/react components read at runtime.
Environment aliasesProduction, staging, and preview can point to different immutable versions while history stays available.
Provider initializationZenoThemeProvider fetches the active JSON, applies CSS variables, and keeps a fallback path for offline starts.
Package installAdd the package to a consumer app, provide a Zeno theme source with project, environment, and base URL, then let the provider pull the current production theme from your cloud endpoint.
yarn add @zenoui/react