react UI kits and component libraries

best react design systems

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

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.

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

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.

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.

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.

Spectrum

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

Atlassian Design System

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

2 views

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.

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.

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.

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.

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.

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.

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.