Shadcnblocks Themes

Overview

Shadcnblocks Themes is a gallery of 39 themes for shadcn/ui from Shadcnblocks. Themes are free to browse and install, and include palettes such as Shadcn Default, Vercel, Supabase, Linear, Claude, Stripe, Claymorphism, Amber Minimal, Alpine and VS Code. Each one can be previewed across real blocks like navbars, heroes, pricing and FAQ sections before installing.

Every theme follows the official shadcn/ui CSS variable contract, so swapping a theme restyles all 2,478 blocks, 2,154 components and 97 pages in the Shadcnblocks library. Themes install with the shadcn CLI, writing CSS variables into globals.css for Tailwind CSS 4. The full block and component library requires a Pro or Premium plan.

For a larger catalog of 641 free themes and a theme builder with contrast checks, see Shadcn Themes.

Features

• 39 themes: Brand-inspired and original palettes, including Vercel, Supabase, Linear, Claude, WhatsApp and Wikipedia-inspired themes
• Official tokens: Primary, secondary, accent, muted, destructive, border, sidebar, chart, radius and shadow variables
• Light and dark mode: Each theme defines :root and .dark tokens that stay in sync
• Display and body fonts: --font-display and --font-text variables allow separate heading and body typefaces
• One-line install: Added through the @shadcnblocks/theme/... registry path
• Theme tool compatibility: Works with Tweakcn, StyleGlide and Tinte
• DESIGN.md: Brand guidelines for each theme that can be pasted into Cursor or Claude

Tech stack

• shadcn/ui, Tailwind CSS 4, CSS variables

Getting started

npx shadcn@latest add @shadcnblocks/theme/vercel