Open sourceFree
Awesome Design Systems
The published design systems of dozens of real companies, in one list
- design-systems
- tokens
- documentation
CC0-1.0Read
6ENTRIES
Design systems and tokens
Published design systems, token sets and the documentation behind them. Read these when you need a defensible reason for a spacing scale rather than another component to install.
- Entries
- 6
- Free to use
- 6
Entries in Design systems and tokens
- TypeScriptFree
Primer
GitHub's design system, documented for developers rather than designers
- design-systems
- github
- tokens
MITRead - TypeScriptFree
Carbon Design System
IBM's system, built for dense data and long lived enterprise software
- design-systems
- ibm
- enterprise
Apache-2.0Read - CSSFree
Open Props
A ready made set of CSS custom properties, no framework attached
- design-systems
- css
- tokens
MITRead - TypeScriptFree
Material Web
Material Design as standard web components
- design-systems
- material
- web-components
Apache-2.0Read - CSSFree
Radix Colors
Twelve step palettes where every step has a defined job
- design-systems
- color
- accessibility
MITRead
SIDE BY SIDE
The whole shelf, compared
The question this shelf answers: What can I borrow from a team that already solved this at scale?
| Tool | Licence | Language | Cost | Self host |
|---|---|---|---|---|
| Awesome Design Systems | CC0-1.0 | Not applicable | Free | Yes |
| Primer | MIT | TypeScript | Free | Yes |
| Carbon Design System | Apache-2.0 | TypeScript | Free | Yes |
| Open Props | MIT | CSS | Free | Yes |
| Material Web | Apache-2.0 | TypeScript | Free | Yes |
| Radix Colors | MIT | CSS | Free | Yes |
Machroui
Building something? Launch it on Machroui
A free board for startups in the Middle East. List yours, the community votes, and the leaderboard resets every Monday. No pay to win.
Visit MachrouiFree to list. English and Arabic.