Design Systems

Polaris web components for building consistent and accessible user interfaces in App Home.

Le Système de Design de l’État (DSFR) est l’outil destiné à produire les interfaces officielles des sites en .gouv.fr.

Explore Atlassian Design to build beautiful experiences using our design system, and stay up to date with the latest news.

LINE Design System is an integrated set of guidelines for components, interaction methods, and other aspects that contribute to LINE's design and user experience.

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.