Systems and Frameworks
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. In this repository, I will focus on design systems, brand systems, and developer frameworks to improve consistency, efficiency, and guidelines to improve quality.
Design Systems
- US Gov • UK Gov • USWDS Digital Gov • NHS • Twilio Paste • Atlassian • Ant Design • Duet • Liferay • Adobe Spectrum • Rei Cedar • Orbit Kiwi • Pajamas • Morning Star • Clarity • Bolt • Github Primer • Backpack • Sprout Social Seeds • Thumbprint • IBM Carbon • Uniform • Shopify Polaris • Google Material • Hubspot Canvas • Sainsburys Luna • Zendesk Garden • Consensys Rimble • Wework Plasma • Sendgrid • Mozilla • Uber • Apple Human Interface • Microsoft Fabric • Workday • Sales Force Lightning Design • Pluralsight • ProtonMail • Telerek • Spark • Servicetitan Anvil • BaseWeb • Sap • Segment Evergreen • Elastic • Shoelace • Rangle • Signal • Astro
Brand Systems
Design Token Systems
Frameworks (Web)
CSS
- Tailwind CSS • Bootstrap • Bulma • Semantic UI • UI Kit
REACT
- Chakra UI • Bum Bag • Reactron • Denali • Reakit • Reach UI • Theme UI • Grommet • React Bootstrap • Modulz Radix • Tabler • React Semantic UI • Core UI • Ant Design React • Shards •