Huebert

Prettier UI.
Less Effort.

Generate beautiful shadcn/ui themes with light and dark modes instantly.

Start themingExplore themes
Features

The all-in-one shadcn/ui theme generator

Light & dark modes

Generate and preview complete light and dark themes side by side.

Contrast aware

Tokens are paired for readable contrast so text and surfaces stay accessible.

Color blindness check

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

Auto-generation

Create a full light and dark theme from one action.

Live preview

See tokens applied to real shadcn/ui components as 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.

Theme export

Export light and dark CSS variables for Tailwind v3 or v4, ready to paste into your project.

AI generation

Describe a brand or mood, or attach reference images, and get a full light and dark theme you can refine in the editor.

Community themes

Browse shadcn/ui themes shared by the community. Discover popular and recent themes.

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. Along the way I had to deal with UI design over and over again: 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.

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

Pricing

Prettier UI. Less Effort.

Basic
Use Huebert free tools to generate beautiful color palettes, backgrounds, and more.
Free
No account needed.
  • Generate beautiful color palettes
  • Generate backgrounds for your screenshots
  • Pick colors from any image
  • No UI scheme & theme generators
  • No AI generations
  • No personal library
  • No API access
🔥 All-in-one
Huebert Pro
Generate UI color schemes & themes for your projects in seconds.
€9.90/ monthExcl. applicable taxes.
Cancel anytime. No risk.
  • Generate accessible UI color schemes
  • Generate beautiful shadcn/ui themes
  • Save schemes/themes/palettes to your library
  • Unlock AI powered generation
  • Access to the API
  • Make feature requests
  • Access to all future features

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, and optionally attach up to five reference images (upload or paste from the clipboard). Huebert turns that input 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?

Start themingExplore themes