$ bunx create-cronus-app my-app --template saas
✓ blocks · dashboard, billing, team
✓ theme · aurora · dark
✓ cronus-ui.json · upgrade path on
Compose
Explore ComposeCompose a SaaS in one command
A product UI systemfor everything youship.
Tokens, looks, compose, and upgrade. MIT. One command writes a themed SaaS you can keep editing.
For builders
One CLI.Every surface.
Scaffold a SaaS, add a page, set a theme, upgrade without wiping edits — the same tokens, the same contract.
- 212
- components
- 5
- themes
- 3
- looks
import { CronusUIProvider } from "@cronus-ui/theme";import { Button } from "@cronus-ui/ui/button";export function App() {return (<CronusUIProvider defaultThemeName="aurora"><Button>Get started</Button></CronusUIProvider>);}
212
components in the catalog
22
compose templates
5
crafted themes
Live theming
One palette. The whole product follows.
Pick a theme — every surface, border, gradient and shadow in the preview re-themes instantly. No re-render, no rebuild. This is the whole idea.
Radius14px
app.cronus.devaurora
Monthly revenue
$248,900
+18.2% vs last monthLiveaurora
Your team
Looks
One system. Three materials.
Default, Brutalist, and Glass sit on the same tokens. Switch the look — radius, border, shadow, and surface follow. Theme and mode stay independent.
DefaultStable
The same tokens. Different material.
Radius, border, shadow, and surface follow the look. Buttons stay solid primary and outline — the catalog, not a second skin.
Apply with data-cronus-look="default" on any subtree — the docs chrome stays Default.
Why Cronus UI
The catalog is the means
Accessible, own-your-code components and full blocks — wired to one token system, with an AI Kit that teaches your agent the loop.
The catalog
Primitives you can feel
The primitives behind compose — live-previewed, accessible, and token-driven.
Buttons
Badges
PrimaryStableBetaNewDraft
Controls
Data
Themes shipped
12,480
+24%Card
Upgrade to Pro
Everything to ship a themeable product.
Theming
AuroraNeutralYour brand
Get started
Compose a product, add a page, keep it
One command composes a themed SaaS from validated blocks. Add a page when you need another route. Upgrade pulls the next release without losing local edits.
Start a SaaS
A Next.js app composed from validated blocks — auth, dashboard shell, billing — plus theme and AI Kit.
npx create-cronus-app my-app --template saasGrow a page
Install blocks, write the route, and update chrome nav — a composed page, not a hand-rolled layout.
npx cronus-ui add-page --route /faq --blocks faq,cta --nav FAQKeep it
Dry-run first. Upgrade 3-way-merges primitives and composed pages without wiping local edits.
npx cronus-ui upgrade --all --dry-runAlready have a repo? npx cronus-ui init then add. Prefer a stack? Stack Builder or bun create cronus-stack@latest.
Compose, then upgrade without losing edits
Scaffold a themed SaaS, add pages as you grow, and pull the next release without wiping local work.
Sponsor
Choose an amountBuy Cronus a coffee
The engine is free. If it helped you ship, you can leave any amount — one-time, no paywall.