stylecn — Brand-themed presets for shadcn/ui

Live gallery of 14 brand-themed presets for shadcn/ui — Apple, Stripe, Linear, Airbnb, Cursor, Resend, Raycast, Claude, Duolingo, ElevenLabs, Fly.io, Superhuman, Todoist and Wise. Pick a brand, preview every shadcn/ui component, copy the CSS variables straight into your project.

Available brands

• Airbnb — Rausch coral on Fog canvas
• Apple — Azure CTA on lifted white cards
• Claude — Warm orange on parchment
• Cursor — Onyx orange on pebble-gray cards
• Duolingo — Vivid green, Nunito sans
• ElevenLabs — Obsidian CTA on eggshell
• Fly.io — Electric violet on lavender mist
• Linear — Brand violet, dark-first command center
• Raycast — Coral on obsidian terminal
• Resend — Sky blue developer terminal
• Stripe — Deep violet on powder-blue cards
• Superhuman — Violet on cream
• Todoist — Soft red on warm white
• Wise — Lime green on white with dark text

How it works

Open the gallery, switch between brands in the sidebar, see every shadcn/ui component re-themed in real time, then click Copy CSS to grab the variables block. Paste it into your project's globals.css and you ship the brand's look the same day. Source on GitHub.