WCAG color contrast checker for shadcn presets
Paste in any shadcn preset code and instantly view WCAG 2.x contrast ratios for light and dark mode theme tokens.
This makes it easier to:
- Quickly sanity check presets while exploring combinations
- Catch accessibility issues before applying presets to production UI
- Compare light and dark theme readability side-by-side
- Experiment with random presets without guessing contrast quality
Visit the color contrast checker
New shadcn block previews for presets
Preview shadcn presets applied to real UI blocks including dashboards and authentication screens.
New previews now include:
- dashboard
- login-02
- login-04
This is ideal for seeing how practical a preset will be in a real-world scenario.
More block previews will be added over time.
Generate full shadcn themes from preset codes
Decode a complete shadcn theme from a tiny preset code.
It's really simple, copy and paste a simple preset code into the generator and get a complete theme faster than you can say "Tailwind".
Visit the preset theme CSS generator
AI preset assistant
Describe what you want in plain English. Get relevant shadcn presets you can compare instantly.
This feature is a replacement for "smart search", as it produces more accurate results in far less time.
Visit the AI preset assistant
shadcnpreset launch
Find the perfect shadcn preset in seconds
shadcnpreset launches with a simple goal: helping you find and explore shadcn presets in seconds, not hours of trial-and-error.
There are ~1.5 billion possible preset combinations, but no easy way to browse, compare, or see what people actually like.
This release introduces a community-driven preset library for shadcn — free and open source.
Features include:
- Smart search across presets by keyword, style, and vibe
- Save and manage your own presets
- Community voting to surface the most useful combinations