For Nuxt SaaS teams

A marketing site that looks like your app, and marketing can edit.

Design the site on a canvas with your product’s tokens. Hand it to marketing. Keep engineering on the product.
No more PRs for a headline
Marketing edits pages, swaps images and publishes blog posts. Engineering reviews product code, not copy.
One set of tokens
Site tokens use shadcn’s names; Nuxt UI’s derive from them. Export globals.css and the app and site stay in step.
A blog and changelog, built in
CMS collections with your own fields, drafts and template pages like /blog/:slug or /changelog/:slug.
Fast by default
Plain HTML and generated CSS from Cloudflare’s edge. No component library, no hydration on your landing page.
Tailwind where you need it
Add utility classes to any layer when the inspector isn’t enough. They compile in the browser and ship as CSS.
Your agents can help
The same Claude Code that works on your app can draft landing pages through the plugin and MCP server.

Your app’s tokens, on the canvas.

Pick colors by name in the design panel: primary, muted-foreground, border. Export the theme as globals.css and drop it into any Tailwind v4 app.
/* globals.css, exported from the Theme panel */
@import 'tailwindcss';

@custom-variant dark (&:is(.dark *));

:root {
  --radius: 0.625rem;
  --primary: oklch(0.72 0.19 150);
  --muted-foreground: oklch(0.55 0.02 260);
}

.dark {
  --primary: oklch(0.79 0.17 150);
}

@theme inline {
  --color-primary: var(--primary);
  --color-muted-foreground: var(--muted-foreground);
  /* …and the Nuxt UI aliases */
}
  • Works with shadcn-vue, Nuxt UI and plain Tailwind v4.
  • Nuxt UI classes like text-muted and bg-elevated work on layers.
  • Six presets to start from, then set any token exactly.
  • Light and dark mode per site.

Ship the marketing site this week.

Free on a subdomain. Pro adds your domain and removes the badge. Your whole team edits for free.