Design Systems

Best-in-class Design Systems collection with a repository of Components and Foundations references from top-tier tech companies and leading UI teams.

Brainly Design System is the source of truth that will answer all your design questions. Made using ZeroHeight

Component analytics and insights for React. Measure production component usage to optimize your codebase and drive design system adoption.

Create atomic design systems with Pattern Lab. Pattern Lab is a frontend workshop environment that helps you build, view, test, and showcase your design system's UI components.

Powerful component libraries & styleguides that fit the way you work.

Geist Design System. Vercel design system for building consistent web experiences.

Design your service using GOV.UK styles, components and patterns

Gojek Design Language System

An organized and frequently updated collection of Design System examples, resources, tools, articles and videos.

A collection of Design Systems for Figma from all over the globe.

Paste is the design system for designing and building consistent experiences at Twilio. It is made up of tokens and components, along with in-depth documentation to assist designers and developers faced with solving our customers’ problems.

Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

Intergalactic is a constantly developing system of UI components, guidelines and UX patterns.

Garden is the design system by Zendesk. It’s where we grow the components, standards, and tools that product designers use every day.

Resources, components, and design guidelines behind GitLab

Stacks provides everything you need to quickly design, build, and ship coherent experiences across all of Stack Overflow—from the brand and product itself, down to how we send emails and write copy.

Origami is a group of services, components, and tools used to help design & build digital products for FT brands.

Acorn is the design system for the Firefox desktop and mobile browsers

Designed to be a reference for anyone building component-based user interfaces, The Component Gallery is an up-to-date repository of interface components based on examples from the world of design systems.

Style once, use everywhere. A build system for creating cross-platform styles. A single place to create and edit your styles, and a single command exports these rules to all the places you need them

Generate and sync full Figma components from Storybook, Backlight or Histoire. Storybook to Figma. Histoire to Figma.

Document your design systems, together. Create beautiful design system documentation collaboratively with zeroheight

A new way to write stories. Powered by Vite. A story is a scenario where you showcase in your browser one or more components for specific use cases.

Empower your front-end with a collaborative design system platform: code, design, stories, tests, documentation, versioning, npm release and more. Start now!

Spectrum provides interface components, resources, and tools to help teams work more efficiently and to make applications more consistent.

The Auro Design System is an eco-system of design, core utilities, and web components designed to reduce design and development efforts.

Design System Fundamentals. Magnifying glass. Component Blueprints. Ready-to-use HTML and CSS UI elements provide the foundation for Salesforce experience

Evergreen is a React UI Framework for building ambitious products on the web. Made by Segment in San Francisco, CA.

Theme UI is a library for creating themeable user interfaces based on constraint-based design principles. Build custom component libraries, design systems, web applications, Gatsby themes, and more with a flexible API for best-in-class developer ergonomics.