Create your own design system
Use StyleGlide to build a unique visual identity
for your shadcn/ui project. It's easy.
AI powered style kit generation
Tailored to your project
The model uses natural language to understand your project and generates style kits that are suitable for your niche.
Create color palettes
Simplify color selection by generating versatile palettes that take advantage of the P3 gamut, enabled by default.
Generate font styles
Instantly get display or text font recommendations and try out 100s of open source fonts in your style kit previews.
View kits in real time
Instantly preview how style kits look when applied to popular UI frameworks and mock applications so you can iterate fast.
Make it your own
Generated style kits can be easily edited or mixed and matched. Whether you're a designer, developer or complete beginner.
Export kits and themes
Easily export style kits in formats that work out of the box in libraries such as Tailwind and shadcn/ui. Powered by the shadcn registry.
Join thousands of builders
Reverse integrating our templates with the StyleGlide shadcn theme editor by @shanedownes - How slick is that!
Rob Austin
Founder, shadcnblocks.com
Blown away by the attention to detail here. Everything is so well put together. Amazing work.
shadcn
Creator of shadcn/ui
You should check out styleglide.ai. It uses variables instead of hardcoded color tokens. Glad to see another high quality theme generator for shadcn. Inspiring!
Sahaj
Creator of tweakcn
The most impressive part for me is the colour picker, really next level.
Morgan Feeney
Founder, ZippyStarter
StyleGlide's shadcn theme AI generation is seriously impressive. And the UI flow is incredibly smooth. So much potential here.
serhii
Founder, ui.pub
This is unbelievably useful!
Sam Elliott
Founder, React Video Editor