company UI kits and component libraries

best company design systems

Material Design

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

2 views

Wedges

Design faster, smarter, and level-up your design skills. Wedges is a free, ever-expanding design system for Figma and React. Lovingly crafted with the Radix UI and Tailwind CSS.

8 views

Vercel Geist

Vercel's design system called Geist. Made for building consistent and delightful web experiences.

2 views

Cal DS

Cal DS is a Figma design system and React Storybook that is used to build Cal.com.

Medusa UI

Medusa UI, a React implementation of the Medusa Figma design system. It is a collection of components, hooks, utility functions, icons, and Tailwind CSS classes that can be used to build a consistent user interface across the Medusa Admin and other Medusa applications.

Cloudscape

Cloudscape offers user interface guidelines, front-end components, design resources, and development tools for building intuitive, engaging, and inclusive user experiences at scale. Get started

Base design system

The Base design system brings all our Uber experiences together under a single, unified framework.

Atlassian Design System

Use Atlassian's end-to-end design language to create simple, intuitive and beautiful experiences.

2 views

Wise Design

It covers both their brand and product design systems, and helps them create consistent, high-quality experiences for their users — from button to billboard.

Nord Design System

Nord Design System is a collection of reusable components and tools, guided by clear standards, that can be assembled together to build digital products and experiences.

Braid Design System

Braid aims to make cross-brand UI development as fast as possible while maintaining a high level of quality and accessibility. In order to achieve this, Braid provides as a set of React components and CSS variable-based styling themes using vanilla-extract.

Human Interface Guidelines

Learn essential information about platforms, foundations, patterns, components, inputs, and technologies. The HIG offers guidance and best practices for designing exceptional user experiences across all Apple platforms.

Elastic UI

The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts.

Paste

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. It is open source and contributions are welcome.

Carbon Design System

With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.

LeafyGreen

LeafyGreen is MongoDB's product design system and UI kit. It's a set of CSS styles and React components built with design in mind.

WPDS

WPDS enables designers and developers at the Post to ship reader-facing digital products that are modular, elegant and accessible while maintaining visual consistency at scale.

Pajamas

The Pajamas design system is the single source of truth for everything anyone needs to know about contributing to GitLab.

Primer Design System

Primer is built for GitHub by GitHub. Its guidelines are a collection of open source principles, standards, and recommendations for designing GitHub. As a design language, Primer provides common grammar and vocabulary to build cohesive, accessible, responsive, and efficient experiences.

Gestalt

We’re here to help you build experiences that inspire people to create the life they love.

Evergreen

Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment.

Vibe Design System

It contains a set of design guidelines and UI components that app developers can leverage to design a monday.com-inspired app. The system is a powerful resource to build your app with user engagement and experience in mind to provide a cohesive experience across your app and the platform itself.

Red Hat Design System

Using Red Hat brand standards and PatternFly as our foundational design language, we enable designers and developers to concurrently build branded experiences across redhat.com, Red Hat Customer Portal, and beyond.

Thumbprint

Thumbprint is a living system that streamlines the design and development process through consolidation, standardization, and documentation. By reducing decision-making friction, we free teams to focus on higher-order problems while increasing quality and consistency for Thumbtack’s customers.

Helios Design System

The Helios Design System from HashiCorp provides the open source building blocks to design and implement consistent, accessible, and delightful product experiences.

LINE Design System

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.

Workbench by Gusto

Workbench is an extensive product that encompasses our design philosophy, design tokens, creative assets, React components, utilities—and documentation to tie it all together.

Camp Design System

It is the foundational styles and components on which we build ActiveCampaign and is the design bridge between our brand and our platform. Our goal is to drive consistency throughout our products as we grow, making it easier to scale both design and engineering. Camp is a set of components, tools, and resources that help build and maintain consistency with ease.

Zendesk Garden

An evolving library of shared knowledge that intentionally blurs the line between design, content strategy, and engineering to reinforce a cohesive user experience throughout Zendesk’s product suite.

Wanda Design System

Wanda is a complete design system made to provide complete and enjoyable experience while using Wonderflow’s digital products.

Fluent 2 Design System

Explore the next evolution of Microsoft’s design system, enabling more seamless collaboration and creativity than ever. Move fluidly from design to development, between apps, and across platforms.