Best Design Systems

Discover the best design systems, UI kits, and component libraries for Figma, Framer, React, Vue, Tailwind CSS and more.

Add a design system

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Access...

Tremor Blocks

Get access to 250+ carefully crafted blocks and every template to build dashboards...

Untitled UI

Untitled UI is the largest UI kit and design system for Figma in the world. Kickst...

MUI

MUI offers a comprehensive suite of free UI tools to help you ship new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.

3 views

shadcn/ui

Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.

3 views

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

Cabana

Cabana is a comprehensive design system and UI kit tailored for Figma and Framer, enabling you to create stunning interfaces rapidly. Trusted by over 20,000 designers and developers, it offers powerful components and customization options to elevate your design skills.

5 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

Shopify Polaris

Polaris prioritizes efficiency and intuitive interactions, catering to the dialy tasks merchants perform everyday.

Disy

Disy is a minimalist Design System/UI Kit to help you build human-centered product experience in Figma.

Chakra UI

Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

2 views

Blank

Design top-notch websites and apps in Figma in minutes, taking advantage of Blank.

Vercel Geist

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

2 views

Tremor Blocks

Get access to 250+ carefully crafted blocks and every template to build dashboards, apps, and websites even faster.

Segment UI

1000s of variations of styles, components, interactions, layouts, transforms, code overrides, code components.

2 views

Reshaped

Professionally crafted React & Figma components for building beautiful products or starting your own design system.

5 views

Radix UI

An open source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.

7 views

Cal DS

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

Rails UI

Professionally designed templates and components for Ruby on Rails. Leverage breath-taking UI to fast-track your next idea.

2 views

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.

NextUI Pro

Explore a collection of over 180+ beautiful and responsive components, professionally created by the team behind NextUI.

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

Catalyst

Catalyst is a modern application UI kit built with Tailwind CSS, Headless UI and React, designed and built by the Tailwind CSS team. It's a collection of beautiful, production-ready UI components you drop into your projects alongside your own code that are yours to customize, adapt, and make your own.

2 views

Ariakit

Open-source library with unstyled, primitive components, with a collection of styled examples that you can copy and paste into your apps.

Base design system

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

Spectrum

Spectrum provides components and tools to help product teams work more efficiently, and to make Adobe’s applications more cohesive.

Untitled UI

Untitled UI is the largest UI kit and design system for Figma in the world. Kickstart any project, save thousands of hours, and level up as a designer.

8 views

NuxtUI

Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt.

2 views

Framepad

Framepad helps you build and ship sites faster with a huge collection of adaptable components and layouts.

3 views

Atlassian Design System

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

2 views

Frames X

Outperform your design competition with the most advanced & world's-largest UI design system library for Figma. Frames X includes UI components, charts, and templates to build your project at a lower cost and much faster.

Tailwind UI

Beautifully designed, expertly crafted components and templates, built by the makers of Tailwind CSS. The perfect starting point for your next project.

Mantine

Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation.

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.

Relume

Use AI as your design ally, not as a replacement. Effortlessly generate sitemaps, wireframes, and high-fidelity designs for marketing websites in minutes with Relume’s AI website builder, Figma design system, Webflow library, and React components.

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.

React Aria

Over 40 components with built-in behavior, adaptive interactions, top-tier accessibility, and internationalization out of the box, ready for your styles.

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.

Helsinki Design System

Helsinki Design System (HDS) is an open-source design system built by the City of Helsinki. It consists of tools for development and design as well as resources and guidelines for creating user-friendly, accessible solutions for the city.

Evergreen

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

GOLD Design System

GOLD Design System provides a framework and a set of tools to help designers and developers build government products and services more easily.

GOV.UK Design System

Use this design system to make government services consistent with GOV.UK. Learn from the research and experience of other service teams and avoid repeating work that’s already been done.

Ontario Design System

The Ontario Design System includes things like buttons, navigation and form fields — and defines how they should look and behave.

Aurora Design System

Aurora design system is a central design guide created by the Digital Enablement Division within the Government of Canada for our digital products. Everything you need to create attractive, cohesive, practical, accessible and enjoyable digital products can be found in our design system.

U.S. Web Design System (USWDS)

We make it easier to build accessible, mobile-friendly government websites.

UI Prep

Premium design system UI kit for Figma to help you jump start your next project, learn best practice, and make advanced Figma features feel easy.

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.

React95

Create modern mobile/web applications with the retro and old school Windows 95 style. Our goal is not to exactly recreate Windows95 components, but to provide a solid component library for current scenarios.

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.

AlignUI

AlignUI is an advanced design system for Figma that offers comprehensive and high-quality components, as well as customizable dashboards, widgets, and templates tailored for different sectors and purposes. The best feature of AlignUI is its ability to enable users to easily customize components with lightning-fast speed, thanks to its clean and organized structure.

2 views

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.