Loading preview…
Pick colors. Tweak tokens. Preview live. Export and go.
Or use the theme editor sidebar to customize every detail.
Nuxt UI is powerful — but configuring design tokens by hand is tedious, error-prone, and time-consuming.
A focused toolkit covering the full journey — from first idea to shipped config.
Six semantic roles — primary, secondary, success, warning, error, info — each with 11 computed shades from a single base.
Override individual shade stops for pixel-perfect control, independently configurable per light and dark mode.
See your theme rendered across buttons, modals, tables, and cards — instantly, in both color modes.
Describe your vision in plain English. AI produces a complete, valid theme config you can fine-tune.
Export as app.config.ts, CSS custom properties, or JSON. Import existing configs to continue where you left off.
Built-in preset library to get started fast. Full undo/redo history. Save unlimited custom presets.
Describe any vibe. Get a complete, production-ready theme in seconds.
Type “warm SaaS dashboard” or “neon cyberpunk” — the AI understands design intent.
Colors, shades, radius, fonts — every token generated in a single pass.
AI gives you the starting point. You refine every detail until it’s perfect.
Your Workflow
From first click to shipped config — the whole process takes minutes.
Choose a preset or start from scratch. Adjust colors, radius, and fonts with visual controls.
Watch your theme render across real Nuxt UI components, blocks, and full-page templates.
Export a production-ready config file. Paste it into your project and you’re done.
Every component, block, and template — rendered live with your tokens.
Heroes, feature grids, pricing, CTAs, footers — pre-composed sections ready to preview.
BrowseExport in one click. Import existing configs to continue where you left off.
Drop-in Nuxt configuration file. Paste and go.
RecommendedStandard custom properties. Works with any framework.
UniversalRaw token data for tooling, pipelines, or storage.
FlexibleCommunity-driven. No accounts. No data leaves your browser. Contribute on GitHub.
Star on GitHubPick a preset, customize every token, preview it live, and export. Your theme, built in minutes.