Nuxt UI Theme Builder

Loading preview…

Blocks

Content

Centered prose, split layouts, multi-column content, and aside sections.

Centered Content New!

An editorial-style centered content section with a decorative diamond ornament, gradient-accented headline, pull-quote typography, and staggered entrance animations — elegant and focused for storytelling.

About Us

Building the future of design systems

We believe every team deserves beautiful, consistent interfaces without spending weeks on manual design work.

From startups shipping their first product to enterprises maintaining dozens of applications, our theme builder puts the power of professional design systems in the hands of every developer — create, preview, and export production-ready themes in minutes.

Split Content New!

An asymmetric split layout with a vertical gradient accent bar, inline stats, and a layered media card featuring a gradient top-strip and floating badge — great for origin stories and product narratives.

Our Story

From side project to platform

It started with frustration. Copying color tokens between projects, manually adjusting shades, and testing dark mode by squinting at contrast ratios.

So we built the tool we wished existed — a visual builder that generates production-ready theme configurations while you experiment.

10k+

Teams using it

50k+

Themes exported

Watch our story

Open Source

Content with Features New!

A bento-grid feature display with a crosshatch background pattern, dual glow spots, glass-effect feature cards with hover interactions, icon accent treatments, and corner reveal effects.

Why Choose Us

Design meets engineering

Our platform bridges the gap between design intent and production code, giving teams a shared language for visual quality.

Visual Editing

See every change instantly across all components as you build your theme.

Semantic Tokens

Use named color roles — primary, secondary, neutral — instead of raw hex values.

Dark Mode Ready

Every theme supports independent light and dark mode configurations.

One-Click Export

Export your theme as app.config.ts, CSS variables, or JSON with a single action.

Multi-Column Content New!

A visual step-by-step flow with oversized gradient step numbers, icon-accented titles, glass-effect step cards with hover elevation, and connecting arrow indicators between columns.

Simple Process

How it works

Choose your palette

Pick a primary color and neutral scheme, or let AI generate an entire palette from a text prompt. Every combination is checked for contrast compliance.

Customize tokens

Fine-tune border radius, typography, spacing, and individual shade overrides. Preview changes across real components, blocks, and full page templates.

Export and ship

Export your finished theme as an app.config.ts file, CSS variables, or raw JSON. Drop it into any Nuxt UI project and go.

Content with Aside New!

A polished documentation layout with a dot-grid background, icon-accented header, border-left lead paragraph, highlighted callout box, and a frosted-glass sticky sidebar with hover-interactive link items.

Docs

Documentation

The Theme Builder provides a complete visual workflow for creating Nuxt UI themes. Edit semantic color palettes, adjust typography and spacing tokens, and preview across every component in real time.

Themes support independent light and dark mode configurations, so you can craft the perfect experience for every preference. When you're ready, export your theme as an app.config.ts file, CSS custom properties, or structured JSON.

AI-Powered Themes

For a faster starting point, try the AI-powered generation feature. Describe the mood or brand you have in mind, and get a complete theme suggestion in seconds.