Start from a real app Live previews of composed Cronus blocks — themed, scrollable, the same stack install writes. Open a card, then Open Preview for the full site.
$ bunx create-cronus-app my-app --template saas
All Clean SaaS Editorial Operational Storefront Glass Generated products Default base plus compose: every page is installed blocks stacked in a main. This is the product loop.
Aurora · dark
Gold path: split auth plus forgot-password, Items and Team in a sidebar shell. Catalog demo pages (analytics, billing, settings, welcome, setup wizard, checklist) ship as files, not in the nav — composed from validated blocks, ready to re-theme.
What's inside Split login/signup and forgot-password plus an (app) shell with sidebar nav Live nav: Items and Team. Analytics, billing, and settings stay as files, off the nav Catalog activation files: welcome, setup wizard, and get-started checklist Aurora theme by default — `theme set` re-skins the tree Grow with `cronus-ui add-page`; upgrade keeps local edits $ bunx create-cronus-app my-app --template saasMidnight · dark
Gold path: split login/signup, password reset, Items in a sidebar shell. Catalog demo pages (users, analytics, board, audit) ship as files, not in the nav — composed from validated blocks.
What's inside Split login/signup and forgot-password plus an (app) shell with sidebar nav Live nav: Items. Users, analytics, board, and audit stay as files, off the nav Admin-overview dashboard and engagement analytics variants Midnight theme, dark mode Grow with `cronus-ui add-page`; upgrade keeps local edits $ bunx create-cronus-app my-app --template adminNeutral · light
A documentation site: changelog home, guides-style blog, an article, FAQ and about — composed from validated content blocks, not a marketing landing.
What's inside Changelog home, guides index, article, FAQ, and about Site chrome (navbar + footer) — not a compact-hero marketing landing blog-post--with-sidebar for the article route Neutral theme, light mode $ bunx create-cronus-app my-app --template docsAurora · dark
A navigable shop: home, catalog, product, cart, checkout, auth, and account — the same blocks as the gallery, wired into real routes.
What's inside Nine routes with site chrome (navbar + footer) Catalog, product detail, cart, and checkout Shared demo-store data across product surfaces Brand wordmark baked into chrome at compose time $ bunx create-cronus-app my-app --template storeAurora · dark
A composed marketing page: hero, features, pricing, testimonials, FAQ, and CTA — one command, then edit the installed blocks.
What's inside Hero, feature grid, pricing, testimonials, FAQ, CTA Navbar and footer chrome from the registry Same token system as the rest of Cronus UI Swap block variants with `--variant` on compose $ bunx create-cronus-app my-app --template landingLanding pages Named marketing looks composed from the same blocks as landing — swap the stack, keep the upgrade path. Click a card to open the live site.
Midnight · dark
Dark atmospheric hero, logo marquee, bento features, stats, pricing, and a split product CTA.
What's inside hero--atmosphere + logo-cloud marquee Bento feature grid, stats, three-tier pricing Midnight theme, dark mode Same add-page / upgrade loop as landing $ bunx create-cronus-app my-app --template landing-studioAurora · dark
Split hero with a quality panel, logo cloud, feature grid, integrations, and a banner CTA.
What's inside hero--split + integrations grid Aurora theme, dark mode Navbar + footer chrome from the registry $ bunx create-cronus-app my-app --template landing-opsMidnight · dark
Compact registry hero, metrics, proof, usage-based pricing, split FAQ, and CTA.
What's inside hero--compact + pricing--usage + faq--split Midnight theme, dark mode Stats and testimonial grid for trust $ bunx create-cronus-app my-app --template landing-secureEmerald · light
Waitlist capture hero, bento features, testimonials, contained CTA. Emerald light.
What's inside waitlist hero + bento features Emerald theme, light mode $ bunx create-cronus-app my-app --template landing-careSunset · light
Compact hero, editorial product showcase, banner CTA. Sunset light.
What's inside hero--compact + product-grid--showcase Sunset theme, light mode $ bunx create-cronus-app my-app --template landing-shopAurora · dark
Compact hero, logo cloud, features, integrations, CTA.
What's inside hero--compact + integrations Aurora theme, dark mode $ bunx create-cronus-app my-app --template landing-docsAurora · light
Split hero, logos, features, monthly/annual pricing, testimonials, FAQ, CTA. Aurora light.
What's inside hero--split + pricing--toggle + FAQ Aurora theme, light mode $ bunx create-cronus-app my-app --template landing-premiumEmerald · light
Split hero, marquee logos, bento, stats, proof, pricing, FAQ, banner CTA. Emerald light.
What's inside Marquee + bento + stats Emerald theme, light mode $ bunx create-cronus-app my-app --template landing-agentsSunset · light
Centered hero, stats, testimonial grid, FAQ, CTA. Sunset light.
What's inside stats + testimonials--grid Sunset theme, light mode $ bunx create-cronus-app my-app --template landing-coverageAurora · dark
Atmospheric hero, marquee logos, features, testimonials, pricing. Aurora dark.
What's inside hero--atmosphere + logo-cloud marquee Aurora theme, dark mode $ bunx create-cronus-app my-app --template landing-broadcastMidnight · dark
Split hero, logos, about story, services, stats, testimonials, CTA. Midnight dark.
What's inside about + feature-grid + stats Midnight theme, dark mode $ bunx create-cronus-app my-app --template landing-agencyMidnight · dark
Atmospheric hero, bento features, split FAQ, split-visual CTA. Midnight dark.
What's inside hero--atmosphere + feature-grid--bento + faq--split Midnight theme, dark mode $ bunx create-cronus-app my-app --template landing-glassStarters Bundled directories when you want a smaller surface and will add pieces yourself.
Aurora · dark
The smallest useful app: one page wired with the theme provider, anti-flash script, and a sample of metrics, a table, and cards to build from.
What's inside One page: metric cards, orders table, invite card CronusUIProvider + anti-flash CronusThemeScript Tailwind v4 + token CSS pre-wired cronus-ui.json so `npx cronus-ui add` just works $ bunx create-cronus-app my-appAurora · dark
A real application skeleton: an icon-collapsible sidebar shell with route-aware nav, a KPI + chart + data-table overview, and a settings page of forms.
What's inside AppShell + Sidebar chrome with light/dark toggle Overview: KPI metrics, revenue chart, orders DataTable Settings: profile, workspace & notification forms recharts + @tanstack/react-table patterns included $ bunx create-cronus-app my-app --template dashboardAurora · dark
A complete landing page from the bundled marketing template: hero, feature grid, pricing, testimonials, FAQ, and a waitlist capture.
What's inside Sticky header, hero & feature grid Pricing tiers with a featured card Testimonials grid + FAQ accordion Waitlist CTA (the only client island) + footer $ bunx create-cronus-app my-app --template marketingEvery template prompts for (or accepts) --theme and --mode, bakes your pick into the app, and ships a cronus-ui.json so the registry CLI works from the first commit.
Grow the app after you scaffold Add a route with cronus-ui add-page, switch presets with theme set, or pull a single primitive with add. Upstream fixes land through upgrade without wiping local edits.