awesome-list
github.com/component-driven/awesome-list ↗Curated list of links on component-driven development and design systems
335
GitHub Stars
133
Curated Resources
9
Categories
3 hours ago
Last Refreshed
ArticlesTalksBooksCoursesToolsLibraries and componentsDesign system examplesMiscAuthors and license
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me color resources from awesome-list"
Installation instructions →What's inside
Articles
- 10 Reasons to Use ColorColor
- 4 Things I Know About Pattern LibrariesDesign systems
- 8-Point Grid: Borders And LayoutsWhitespace
- Building a React Component LibraryDesign systems
- Cards and Composability in Design SystemsComponents
- Component architecture in FigmaDesign tools
Design system examples
- AdeleDesign system catalogs
- Alfa Bank
- Ant Design
- Aragon UI
- Audi
- Auth0 Design System
Authors and license
Books
- Atomic Design
- Design Systems: A practical guide to creating design languages for digital products
- Design Systems Handbook
- Elements of Typographic Style
- Frontend Architecture for Design Systems: A Modern Blueprint for Scalable and Sustainable Websites
- Front-end Style Guides: Creating and Maintaining Style Guides for Websites
Libraries and components
- Atomic layoutReact
- coloralgorithmColors
- macro-componentsReact
- Reach UIReact
- React GroupReact
- React SpacemanReact
Tools
- BitDevelopment workbenches
A tool for isolating, developing and sharing components between projects and applications, with 2-way collaboartion over components.
- ColorMisc
Color palette generator with aria and other interesting features
- ColorBoxMisc
a new way to building color systems for accessible UIs that scale
- CupperMisc
- React CosmosDevelopment workbenches
- React StyleguidistDevelopment workbenches
Showing a sample of 133 resources. View the full list on GitHub →