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 |
@arabic_Intelligence
New design systems as they land
One channel. New entries when they are added, with the caveat included. No daily digest, no course, nothing to buy.
Join the TelegramFree. No email required.