Open-source design systems

Best open-source design systems for you to create better user experiences and interfaces

Design system is a collection of documents, articles, examples, code snippets, screenshots, design guidelines, components, philosophies and other digital assets for a product design company.

Design Systems keep apps, interfaces, and tools consistent no matter how fast the system grows. They also save time and energy, freeing designers and developers to focus on larger issues of usability and meaning.

Google Material Design System


An open-source, cross-platform system designed by Google, covers philosophy and principles for key topics including Layout, Color, and Typography.

Microsoft Fluent Design System


Fluent is an open-source, cross-platform design system that gives designers and developers the frameworks they need to create engaging product experiences—accessibility, internationalization, and performance included.

Atlassian Design System


Atlassian's design philosophy reflects and underpins how digital experiences can unleash the potential in any team. Their credo is aimed at helping people and teams be more effective.

Uber Design System


Uber is an amazing example of how to tackle problems related to getting from point A to point regardless of where you want to go.

SalesForce Lightning Design System


Lightning is a living open-source design system, ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience development.