A collection of DESIGN.md files analysis by popular brand design systems. Drop one into your project and let coding agents generate a matching UI.
Frontendawesome-listdesign-mddesign-systemdesign-tokensfigma
适合场景
- Explore a popular frontend repository
- Study implementation patterns for software projects
- Open GitHub for documentation, examples, and issues
Chakra UI is a component system for building SaaS products with speed ⚡️
FrontendTypeScripta11yaccessibleark-uichakra-ui
适合场景
- Explore a popular frontend repository
- Study implementation patterns for TypeScript projects
- Open GitHub for documentation, examples, and issues
Opiniated RAG for integrating GenAI in your apps 🧠 Focus on your product rather than the RAG. Easy integration in existing products with customisation! Any LLM: GPT4, Groq, Llama. Any Vectorstore: PGVector, Faiss. Any Files. Anyway you want.
FrontendPythonaiapichatbotchatgpt
适合场景
- Explore a popular frontend repository
- Study implementation patterns for Python projects
- Open GitHub for documentation, examples, and issues
awesome-design-systems
UI 组件
💅🏻 ⚒ A collection of awesome design systems
Frontendawesomeawesome-listdesign-systemshacktoberfestpattern-library
适合场景
- Explore a popular frontend repository
- Study implementation patterns for software projects
- Open GitHub for documentation, examples, and issues
A set of over 6000 free MIT-licensed high-quality SVG icons for you to use in your web projects.
FrontendJavaScriptbootstrap-iconscomponentscssicon
适合场景
- Explore a popular frontend repository
- Study implementation patterns for JavaScript projects
- Open GitHub for documentation, examples, and issues
AI-powered development workspaces with reusable components, architectural clarity and zero overhead.
FrontendTypeScriptaicollaborationcomponent-drivencomposable
适合场景
- Explore a popular frontend repository
- Study implementation patterns for TypeScript projects
- Open GitHub for documentation, examples, and issues
A design system for building faithful recreations of old UIs
FrontendCSScssdesign-systemguy-fieriwindows98
适合场景
- Explore a popular frontend repository
- Study implementation patterns for CSS projects
- Open GitHub for documentation, examples, and issues
fluentui-system-icons
UI 组件
Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.
FrontendHTMLandroiddesignfluentflutter
适合场景
- Explore a popular frontend repository
- Study implementation patterns for HTML projects
- Open GitHub for documentation, examples, and issues
system-design-notes
UI 组件
Notes of the book System Desgin Interview - An Insider's Guide
Frontend
适合场景
- Explore a popular frontend repository
- Study implementation patterns for software projects
- Open GitHub for documentation, examples, and issues
A tool for defining design systems and using them to generate cross-platform UI code, Sketch files, and other artifacts.
FrontendSwift
适合场景
- Explore a popular frontend repository
- Study implementation patterns for Swift projects
- Open GitHub for documentation, examples, and issues
The U.S. Web Design System helps the federal government build fast, accessible, mobile-friendly websites.
FrontendSCSSdesigndesign-systemsgovernmentuswds
适合场景
- Explore a popular frontend repository
- Study implementation patterns for SCSS projects
- Open GitHub for documentation, examples, and issues
Grokking-System-Design
UI 组件
Systems design is the process of defining the architecture, modules, interfaces, and data for a system to satisfy specified requirements. Systems design could be seen as the application of systems theory to product development.
FrontendShell
适合场景
- Explore a popular frontend repository
- Study implementation patterns for Shell projects
- Open GitHub for documentation, examples, and issues
Skeleton is an adaptive design system powered by Tailwind CSS.
FrontendTypeScripta11yaccessibilityastrocomponents
适合场景
- Explore a popular frontend repository
- Study implementation patterns for TypeScript projects
- Open GitHub for documentation, examples, and issues