Awesome design MD
🎁FREEGitHub
Awesome design md is a curated open-source collection of DESIGN.md files that capture the complete design systems of popular websites and products. The goal is simple: drop one DESIGN.md file into your project, tell your AI coding agent (Cursor, Claude, etc.) to “build a page that looks like this”, and get pixel-perfect, consistent UI that matches the original design — without Figma files or screenshots.
✨Key Features
- ▸DESIGN.md Format: Plain-text Markdown files inspired by Google’s Stitch initiative, containing detailed design tokens: color palettes, typography, spacing, component styles, layout rules, elevation, responsive behavior, do’s and don’ts, and specific instructions for AI agents.
- ▸Visual Previews: Every entry includes preview.html and preview-dark.html so you can see the design system live.
- ▸Categorized Collection: Covers 50+ major brands and products across categories:
- ▸AI & Machine Learning (Claude, Cohere, Mistral, VoltAgent…)
- ▸Developer Tools (Cursor, Linear, Vercel, Warp…)
- ▸Infrastructure & Cloud (Stripe, MongoDB, HashiCorp…)
- ▸Design & Productivity (Figma, Notion, Webflow…)
- ▸Fintech & Crypto (Coinbase, Revolut…)
- ▸Consumer & Enterprise (Airbnb, Apple, Spotify…)
- ▸Car Brands (Tesla, BMW, Lamborghini…)
- ▸AI-Agent Optimized: Built specifically so AI coding agents can read and perfectly replicate modern design systems.
- ▸Super Easy to Use: Just copy the DESIGN.md into your project root — no special setup required.
- ▸Open Source & Growing: MIT license, actively maintained by VoltAgent team, welcomes community contributions.
Advertisement
728 x 90 Ad Space