01 Discover→02 Decode→03 Build

Discover exceptional web design.
Decode how it works.
Build it yourself.

Discover the web's best interfaces. We decode the design systems behind them, so you can build better websites.

Inspiration

Sites worth decoding

View all →
Pitch web design (Colorful, Big Type, Motion)
Pitchpitch.com Decode
Arc web design (Colorful, Big Type, Illustrative)
Arcarc.net Decode
Lynn Fisher web design (Experimental, Colorful, Creative coding)
Lynn Fisherlynnandtonic.com Decode
Rauno Freiberg web design (Minimal, Experimental)
Rauno Freibergrauno.me Decode
Paco Coursey web design (Minimal, B&W, Type-Based)
Paco Courseypaco.me Decode
Brittany Chiang web design (Dark, Minimal, Type-Based)
Brittany Chiangbrittanychiang.com Decode
Clerk web design (Minimal, Colorful, Gradient)
Clerkclerk.com Decode
Cursor web design (Dark, Minimal)
Cursorcursor.com Decode
Superhuman web design (Big Type, Minimal, Gradient)
Superhumansuperhuman.com Decode
Raycast web design (Dark, Minimal)
Raycastwww.raycast.com Decode
Framer web design (Big Type, Colorful, Motion)
Framerwww.framer.com Decode
Vercel web design (Dark, Minimal, Grid)
Vercelvercel.com Decode
Stripe web design (Gradient, Colorful, Minimal)
Stripestripe.com Decode
Linear web design (Dark, Big Type, Minimal)
Linearlinear.app Decode
View all sites

Questions

The short version

What is CSS Crème?
CSS Crème is a curated gallery of exceptional web design that decodes the design systems behind great sites so you can rebuild them — not just admire them. Each showcased site comes with its palette, type and spacing, and the Design Breakdowns explain, part by part, why the design works.
How is CSS Crème different from other design galleries?
Most galleries only show you the work. CSS Crème decodes it: any showcased site can be pulled apart into its color palette, spacing and an installable theme, and the Design Breakdowns reconstruct the archetype in copy-ready CSS. The goal is to help you build the design, not just save a screenshot.
Are the themes and palettes free to use?
Yes. Every palette is published as an installable shadcn/ui theme with light and dark modes and WCAG-checked contrast. Install it with one command using the shadcn CLI, or copy the CSS variables. There is no account and nothing is paywalled.
Can I turn any website into a theme?
Yes. The Extract tool takes a URL or a screenshot, samples the pixels, and maps them to shadcn roles — background, surface, primary, accent, text and muted — then hands you the CSS in both light and dark. It runs in your browser and needs no account.
Who runs CSS Crème?
CSS Crème is an independent, curated design resource operated by Combo Ventures, LLC. Sites are selected editorially rather than by public vote, which is what keeps the gallery a genuine signal of quality.