Skip to content
Templates

Start from a real app

Complete Next.js starters composed from the same components and blocks in this showcase. Pick a template, pick a theme, and you're editing product code in under a minute.

bunx create-cooud-app my-app

Default

Single-page starter

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
  • CooudUIProvider + anti-flash CooudThemeScript
  • Tailwind v4 + token CSS pre-wired
  • cooud-ui.json so `npx cooud-ui add` just works
$ bunx create-cooud-app my-app

Dashboard

Multi-page app shell

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-cooud-app my-app --template dashboard

Marketing

Landing site

A complete landing page composed from real blocks: hero, feature grid, pricing, testimonials, FAQ, and a waitlist capture with a joined state.

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-cooud-app my-app --template marketing

Every template prompts for (or accepts) --theme and --mode, bakes your pick into the app, and ships a cooud-ui.json so the registry CLI works from the first commit.

Keep building

Grow the app after you scaffold

Templates are a starting point — pull in any component from the registry, or paste whole sections from the block gallery the same way these starters were built.