60 free shadcn themes from community presets
The color layer of the most voted presets. Preview a theme, copy its CSS variables for light and dark mode, or apply it with one shadcn command.
60 of 60 themes
- Lime on Mist0.875remIndigo charts
- Taupe0.625remTaupe charts
- Teal on Mist0.625remTeal charts
- Neutral0.625remNeutral charts
- ZincSquareCyan charts
- Emerald on Olive0.625remLime charts
- Red on Taupe0.875remTaupe charts
- Blue on Neutral0.625remBlue charts
- Orange on Neutral0.625remAmber charts
- Mauve0.625remCyan charts
- Mauve0.625remPurple charts
- Amber on Taupe0.625remRose charts
- Yellow on Mauve0.45remSky charts
- Sky on Mauve0.45remPurple charts
- Violet on Neutral0.875remYellow charts
- Olive0.875remOlive charts
- Pink on NeutralSquareEmerald charts
- Fuchsia on Mauve0.625remRose charts
- Red on NeutralSquareNeutral charts
- Amber on Neutral0.625remBlue charts
- NeutralSquareBlue charts
- Cyan on Mist0.45remBlue charts
- Blue on Neutral0.625remCyan charts
- Blue on Mist0.625remCyan charts
- Neutral0.625remCyan charts
- Neutral0.45remCyan charts
- Stone0.625remCyan charts
- Fuchsia on Neutral0.875remEmerald charts
- Green on Mist0.625remEmerald charts
- Blue on Neutral0.625remEmerald charts
- Mauve0.45remEmerald charts
- Emerald on Mist0.625remEmerald charts
- Green on Zinc0.625remGreen charts
- Violet on Mist0.875remIndigo charts
- Emerald on Mist0.625remLime charts
- Neutral0.625remLime charts
- Cyan on Neutral0.875remLime charts
- Mauve0.625remLime charts
- Mauve0.875remOrange charts
- Olive0.875remOrange charts
- Red on Mist0.625remOrange charts
- Mauve0.625remYellow charts
- Orange on Neutral0.875remPink charts
- Orange on Neutral0.45remPink charts
- Zinc0.45remPurple charts
- Neutral0.625remPurple charts
- Emerald on Mauve0.625remRed charts
- Red on NeutralSquareRed charts
- Red on Neutral0.625remRed charts
- Olive0.875remAmber charts
- Emerald on MauveSquarePurple charts
- Olive0.625remTeal charts
- Indigo on Olive0.875remRose charts
- Cyan on Zinc0.875remSky charts
- Red on MauveSquareSky charts
- Sky on Zinc0.625remSky charts
- Taupe0.625remTeal charts
- Teal on Zinc0.625remTeal charts
- Blue on Neutral0.875remYellow charts
- Mauve0.45remMauve charts
Theme or preset?
A theme only changes colors and radius. A preset is the whole setup, including the component style, fonts and icons. Every theme here links to the preset it came from.
What is a shadcn preset?| What it changes | Theme | Preset |
|---|---|---|
| Colors in light and dark mode | Yes | Yes |
| Radius | Yes | Yes |
| Chart colors | Yes | Yes |
| Component style | No | Yes |
| Fonts | No | Yes |
| Icon library | No | Yes |