DESIGN.md files for every brand.
Free, hand-curated DESIGN.md specs — colors, typography, and components from real brands. Drop into Claude or Cursor. Copy, paste, ship.500 systems29 categoriesFree to download
Add shadcn.io to your AI agent. · Pro It installs blocks, icons and templates in your design system from a prompt, with Pro.
Set up MCP500 systems
Find a system
Start with the brands people open first, or search every system by name, category or color.
The classics. Try a brand, a category or a color: Stripe, fintech, blue.
Categories
Browse by category
29 industries, largest first. Each opens every system in it, with its palette.
- E-commerce & Retail87 systemsShopifi, Nike, Meta, Starbucks
- Developer Tools & IDEs71 systemsGitHub, Vercel, Claude, Framer
- AI & LLM Platforms65 systemsHugging Face, Cursor, MiniMax, Mistral AI
- Productivity & SaaS54 systemsLinear, Figma, Notion, Raycast
- Banking & Payments51 systemsStripe, Binance, Coinbase, Wise
- Automotive44 systemsTesla, Ferrari, BMW, BMW M
- Fintech & Crypto42 systemsRamp, Revolut, Intuit, Monzo
- Backend, Database & DevOps37 systemsSupabase, MongoDB, ClickHouse, HashiCorp
- News & Publishing29 systemsThe Verge, Wired, Financial Times, Bloomberg
- Music, Video & Streaming28 systemsSpotify, Sonos, Bandcamp, Vimeo
- Consumer Electronics27 systemsApple, PlayStation, Vodafone, Oura Ring
- Design & Creative Tools27 systemsWebflow, Bun, Canva, Midjourney
- Travel & Hospitality20 systemsAirbnb, Uber, Marriott Bonvoy, Lyft
- Web Infrastructure & Hosting19 systemsTogether AI, AWS, Cloudflare, Fly.io
- Social & Community18 systemsPinterest, Discord, Reddit, Letterboxd
- Food & Delivery16 systemsInstacart, sweetgreen, Kroger, Chipotle
- Communication & Messaging15 systemsSlacc, Intercom, Resend, Loom
- Gaming & Entertainment15 systemsMinecraft, Steam, Nintendo, Epic Games Store
- Marketplaces14 systemsEtsy, eBay, Macy's, Vrbo
- Analytics & Data12 systemsPostHog, Sentri, dbt Labs, Statsig
- Marketing & CRM10 systemsClay, HubSpot, Salesforce, Typeform
- Documentation & Knowledge9 systemsMintlify, Sanity, Craft, Obsidian
- Project Management9 systemsAtlassian, ClickUp, monday.com, Trello
- Workflow & No-code8 systemsMiro, Zapier, Airtable, Coda
- Healthcare & Wellness7 systemsCalm, Headspace, Peloton, Drunk Elephant
- Hardware & Robotics5 systemsNVIDIA, DJI, Groq, Garmin
- Education & Learning4 systemsDuolingo, Coursera, MIT Technology Review, Elicit
- Mobile Platforms3 systemsExpo, Shop, Apple
- Real Estate & Property1 systemWayfair
Found your style? With Pro, your AI agent builds it from blocks, templates and icons, from a prompt.
Get ProHow it works
From brand to build
Google Labs' open format for design systems an AI can read: tokens as YAML, notes as Markdown.
Pick a brand
Every system is hand-curated from the brand's public website: colors sampled, typography measured, components reverse-engineered.
Take the file
Download its DESIGN.md, or copy it: one Markdown file with every color, type, radius, spacing and component token.
Hand it to your AI
Drop it into Claude, Cursor or Copilot. The agent builds React components and Tailwind themes in that brand's language.
Pricing
Build it with Pro
The DESIGN.md files are free. Pro adds 6,000+ blocks, premium templates and the MCP server, so your AI editor builds in your system for you.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
Billing
Billed once a year in USD. Cancel anytime.
- How many people can use the license.
- Client work, SaaS products and anything you charge for.
- Production-ready React sections: hero, pricing, features, dashboards and more.
- Complete multi-page sites you can ship as they are.
- React icons from every major library, installable with one command.
- Presets that restyle every block, in light and dark.
- Lets your AI editor search, preview and install blocks for you.
- Priority requests are answered first.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- Seats: 1 seat
- Commercial use: Personal & open source only
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Basic usage
- Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
- Seats: Up to 5 seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: High usage
- Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
- Seats: Unlimited seats
- Commercial use: Included
- Pro blocks: 6,000+ blocks
- Templates: All 14 templates
- React icons: 294k+ icons
- Themes: All 59 themes
- MCP server: Unlimited usage
- Support: Priority
Billed once a year in USD. Cancel anytime.
Individual
For personal projects & open source
$32instead of $49/mo
$389 billed yearly
- How many people can use the license.Seats: 1 seat
- Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
- Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
- Complete multi-page sites you can ship as they are.Templates: All 14 templates
- React icons from every major library, installable with one command.React icons: 294k+ icons
- Presets that restyle every block, in light and dark.Themes: All 59 themes
- Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
- Priority requests are answered first.Support: Standard
Team
Most popularFor freelancers, agencies & startups
$66instead of $99/mo
$789 billed yearly · ≈ $13/dev/mo
Everything in Individual, plus
- How many people can use the license.Seats: Up to 5 seats
- Client work, SaaS products and anything you charge for.Commercial use: Included
- Lets your AI editor search, preview and install blocks for you.MCP server: High usage
- Priority requests are answered first.Support: Priority
Organization
For companies with larger teams
$132instead of $199/mo
$1,589 billed yearly
Everything in Team, plus
- How many people can use the license.Seats: Unlimited seats
- Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What DESIGN.md is, how each system is curated, and how to feed the spec to Claude, Cursor, or any other AI editor.
Your system, built for you
Every block, template and icon, installed by your AI agent in your design system. The DESIGN.md files stay free.