Huebert

🎉 Huebert API now available

Production ready shadcn/ui themes with one click

Built for indie hackers and developers who ship fast. Generate complete themes with live component previews, copy & paste CSS variables, and move on to what matters.

One tool for every project
Dashboards•SaaS Apps•Landing Pages•Admin Panels•E-Commerce•Portfolios•Blogs•Documentation•Internal Tools•Mobile Apps•Design Systems•Side Projects•
Dashboards•SaaS Apps•Landing Pages•Admin Panels•E-Commerce•Portfolios•Blogs•Documentation•Internal Tools•Mobile Apps•Design Systems•Side Projects•
See it in action

Theme in seconds

Preview everything

Ship instantly

Features

What this generator includes

Light and dark in one preview

Review light and dark tokens together on a single preview card.

Predefined themes

Start from built-in theme presets instead of an empty canvas.

WCAG contrast

Check semantic pairs against WCAG contrast for accessibility.

Color blindness check

Simulate how UI colors read for common types of color vision deficiency.

Generate a theme

Create a full light and dark token set from one action when you use auto-generation.

Component preview

See tokens applied to real shadcn/ui components while you edit.

Edit tokens

Adjust individual CSS variables for colors, radius, spacing, and shadows.

Typography

Choose sans, serif, and mono fonts from the shadcn registry so previews match how your app will look.

Theme import

Paste CSS from an existing Tailwind v3 or v4 shadcn setup and keep editing from there.

Image export

Download the live component preview as an image for docs, portfolios, or design handoff.

AI generation

Describe a brand or mood and get a full light and dark theme proposal you can refine in the editor.

Copy theme snippet

One copy action gives you light and dark tokens together, formatted for shadcn/ui and your theme layer.

Flo, creator of Huebert

Hi, I'm Flo 👋

the creator of Huebert!

I've been a software engineer for more than a decade, mostly shipping things, breaking things, and fixing them again. Somewhere along the way I fell hard for design: apps, logos, little details that either feel right or drive you quietly insane.

That meant I was forever tinkering with colors and themes. After one too many guesswork sessions, I built Huebert for myself: something fast, flexible, and actually pleasant to use.

Turns out I wasn't the only one. Others showed up, it grew, and now it's a real product. Still wild to me.

I hope you have fun using it, and I'd love to hear your feedback anytime.

Pricing

Just make your life easier!

Basic
The perfect starting place for simple color palette needs.
Free
  • Basic color palette generator
  • Background generator
  • Image color picker
  • Various export options
  • No account required
🔥 All-in-one
Huebert Pro
Get the most out of Huebert with AI assistance and advanced color theme generators.
€4.90/ month
Excl. applicable taxes.
  • PRO
    High contrast generator
  • PRO
    Shadcn/ui theme generator
  • PRO
    Personal library and project management
  • PRO
    AI powered generation
  • PRO
    API access
  • PRO
    Additonal configuration & exports options
  • PRO
    Feature requests
  • PRO
    All future features
Cancel anytime. No risk.

Frequently Asked Questions

Is the theme generator free?
The theme generator is part of Huebert Pro. You can browse default themes and preview components, while full customization, AI generation, and export workflows require a Pro subscription.
Can I manually edit themes?
Yes. Start from a preset, import an existing theme, generate one automatically, or use AI, then fine-tune colors, typography, radius, spacing, and shadows.
How does AI theme generation work?
Describe the brand, product, mood, or visual direction you want. Huebert turns that prompt into a complete light and dark shadcn/ui theme that you can preview and adjust.
Can I import my current shadcn/ui theme?
Yes. Paste CSS variables from an existing Tailwind v3 or v4 shadcn/ui setup, and the generator will load the matching tokens so you can continue editing from there.
Can I customize typography?
Yes. You can choose sans, serif, and mono fonts from the shadcn registry and preview them directly on real components.
How do I use the generated theme?
Copy the generated theme snippet and add it to the stylesheet where your app keeps global design tokens. The output is formatted for shadcn/ui and includes light and dark values together.
Can I export the preview as an image?
Yes. You can download the live component preview as an image for documentation, client reviews, portfolios, or design handoff.
Does it support dark mode?
Yes. You can preview and customize light and dark themes side by side, and the copied output includes values for both modes.
Does Huebert have an API?
Yes. Huebert offers a public HTTP API for programmatic access to palette and theme generation, color utilities, image color extraction, and your saved library. API access requires Huebert Pro and an API key. See the API documentation for endpoints and authentication.

Ready to create your custom shadcn/ui theme?