Design system gallery

100+ design systems — browse, preview, and use in Claude.

Type All Web TUI
Mode All Light Dark Both
Domain All AI consumer developer-tool developer-tools editor enterprise files fintech git marketplace monitoring music productivity rust tui
1password-inspired
View details →

1Password Inspired

Trustworthy security blue — 1Password's calm credential management for individuals and teams.

bluesecuritytrustpasswordsmodern
a24-inspired
View details →

A24 Inspired

Editorial bold film studio — high-contrast typography, irreverent colors, art-house energy.

editorialboldplayful
apple-hig-inspired
View details →

Apple HIG Inspired

Native Apple aesthetic — SF Pro type, soft blue accent, generous whitespace, system feel.

cleannativeminimal
arc-inspired
View details →

Arc Inspired

Playful custom browser — colorful sidebar tabs, rounded everything, personal-color theming.

playfulcolorfulcustom
atlassian-design
View details →

Atlassian Design

Bold blue team-first — confident verbs, semantic color roles, and a system built for 350K teams.

clearbluestructured
bear-inspired
View details →

Bear Inspired

Red note-app minimalism — Bear's calm focus-mode for serious markdown writers.

rednotesminimalapplewriterly
bluesky-inspired
View details →

Bluesky Inspired

Sky blue social — Twitter's open-source successor, calm and decentralized.

skybluedecentralizedsocialopen
buttondown-inspired
View details →

Buttondown Inspired

Plain writerly newsletter tool — minimal monospace, no chrome, write-first.

minimalplainwriterly
cal-com-inspired
View details →

Cal.com Inspired

Clean open-source scheduling — Cal Blue, soft chrome, Calendly's open cousin.

cleanbluemodern
cashapp-inspired
View details →

Cash App Inspired

Bold minimal consumer fintech — Cash Green, oversized sans, single CTA per screen.

boldgreenminimal
coinbase-inspired
View details →

Coinbase Inspired

Coinbase blue — the trustworthy front door to crypto, professional but consumer-friendly.

bluecryptoconsumer-fintechprofessionaltrust
convex-inspired
View details →

Convex Inspired

Warm-red reactive backend — TypeScript-everywhere dev infra with a friendly indie energy.

redwarmbackendreactivemodern
cron-inspired
View details →

Cron / Notion Calendar Inspired

Sharp minimal calendar — dark or light, monochrome, keyboard-first scheduling.

minimalsharpmonochrome
framer-inspired
View details →

Framer Inspired

Animated gradient design tool — bold purple/pink gradients, sharp sans, motion-forward.

expressivegradientanimated
github-primer
View details →

GitHub Primer

Developer-clear with status colors — the open-source product UI lingua franca.

clearaccessibletechnical
homeassistant-inspired
View details →

Home Assistant Inspired

Community-built smart home — cyan-blue on dark slate, open-source warmth, card-based dashboard aesthetic.

cyancommunityopen-sourcesmart-homefriendly-technical
ia-writer-inspired
View details →

iA Writer Inspired

Swiss writing tool — monospace by default, focus-mode purist, anti-distraction maximalism.

minimalmonospacewriterlyfocusswiss
ibm-carbon
View details →

IBM Carbon

Industrial enterprise — sharp corners, layered grays, and the calm authority of an 8-bar logo.

authoritativeblueindustrial
itch-io-inspired
View details →

itch.io Inspired

Pink-red indie game marketplace — itch.io's DIY storefront for game-jam creators and tiny weird games.

pink-redindiegamingmarketplaceDIY
material-3
View details →

Material 3

Personal, adaptive, expressive — dynamic color generated from a seed, pill-shaped buttons everywhere.

expressivedynamiccolorful
mistral-inspired
View details →

Mistral AI Inspired

French AI heat — orange-to-yellow gradient like a Mediterranean sunset, open-weights energy.

orangeyelloweuropeanAIgradient
notion-inspired
View details →

Notion Inspired

Warm editorial productivity — black/white with sepia neutrals and a single accent.

warmneutraleditorial
nyt-inspired
View details →

New York Times Inspired

Editorial authority — NYT serif, restrained black/white/red, masthead-and-grid layouts.

editorialserifauthoritative
openai-inspired
View details →

OpenAI Inspired

Minimal monochrome consumer-AI — near-black on white with a single emerald accent, the ChatGPT aesthetic.

minimalmonochromemodernneutraltech
patreon-inspired
View details →

Patreon Inspired

Coral creator-economy — bright tomato-red, get-paid-for-your-art aesthetic.

coralcreatorsubscriptionswarmcommunity
perplexity-inspired
View details →

Perplexity Inspired

True Turquoise AI search — paper-white canvas, sea-blue accent, calm research aesthetic.

turquoisesearchcalmresearchAI
pitch-inspired
View details →

Pitch Inspired

Editorial colorful presentations — sharp type, rainbow accents on neutral chrome.

editorialcolorfulmodern
posthog-inspired
View details →

PostHog Inspired

Quirky analytics dev tool — PostHog Orange, hand-drawn hedgehogs, irreverent open-source vibe.

playfulorangequirky
render-inspired
View details →

Render Inspired

Mint-and-violet cloud — Render's friendly Heroku-successor aesthetic, dev-first hosting.

purplecloudhostingmoderndeveloper
resend-inspired
View details →

Resend Inspired

Sharp dev-email — black-and-white with Resend gradient accents, modern API-first design.

minimalmonochromesharp
robinhood-inspired
View details →

Robinhood Inspired

Clean retail investing — Robinhood Green on white, modern sans, accessible-feeling.

cleangreenbright
shadcn-inspired
View details →

shadcn/ui Inspired

Near-black copy-paste components — the de facto Tailwind/React component aesthetic, designed to disappear.

monochromeminimalcomponentsmodernopen-source
shopify-polaris
View details →

Shopify Polaris

Merchant-first warmth — near-black primary, soft pastel status surfaces, and a tactile depressible button.

warmgreenmerchant
slack-inspired
View details →

Slack Inspired

Friendly aubergine workspace — Slack purple, Lato/Hellix type, plum chrome.

friendlypurpleinclusive
soundcloud-inspired
View details →

SoundCloud Inspired

Orange waveform — SoundCloud's iconic creator-music aesthetic with the orange play button.

orangecreatormusicwaveformindie
spline-inspired
View details →

Spline Inspired

Colorful 3D design — Spline's coral-violet-yellow palette, the Figma for 3D.

3Dcolorfulmoderndesignerplayful
squarespace-inspired
View details →

Squarespace Inspired

Monochrome site builder — black-and-white elegance for small businesses and elegant portfolios.

monochrometemplatedelegantsmall-businessneutral
strava-inspired
View details →

Strava Inspired

Bold orange athletic — Strava Orange, athletic sans, performance-data-forward.

boldorangeenergetic
superhuman-inspired
View details →

Superhuman Inspired

Premium fast email — purple gradient, keyboard-first, dark elegant chrome.

premiumfastpurple
tailwind-css-inspired
View details →

Tailwind CSS Inspired

Sky-cyan utility-first — bright Tailwind teal on white, code-sample-as-hero aesthetic.

skycyanCSSframeworkutility-first
tesla-inspired
View details →

Tesla Inspired

Tesla red minimalism — the futurist-auto aesthetic, photography-forward, restraint everywhere else.

redminimalautopremiumfuturist
things-inspired
View details →

Things 3 Inspired

Calm refined personal tasks — soft blue, San Francisco type, generous whitespace.

calmrefinedblue
threads-inspired
View details →

Threads Inspired

Black-and-white text social — Instagram's text successor, minimalist to a fault.

blackminimalsocialtextmodern
uber-inspired
View details →

Uber Inspired

Black-and-white mobility — Uber's monochrome rideshare brand with green for Uber Eats.

blackwhitemobilityminimalconsumer
vercel-inspired
View details →

Vercel Inspired

Swiss minimalism for the frontend cloud — black, white, and 10-step accent scales when you need them.

minimalmonochromegeometric
wikipedia-inspired
View details →

Wikipedia Inspired

Editorial encyclopedia — Linux Libertine serif, modest blue links, the look of a public library.

editorialserifreferencewhiteneutral

Showing 46 design systems.