Uwarp

React design systems for production UI

Browse React-based design systems and component libraries to speed up UI development. Compare APIs, patterns, and production-ready design foundations.

Why this page exists

This page highlights design systems and UI libraries used in React projects. Review options for accessibility, customization, and cross-team consistency.

Enterprise design systems to benchmark
Discover enterprise design systems from leading brands. Compare patterns, governance approaches, and UI foundations used in large product teams.
Open source design systems for modern products
Explore open source design systems and component libraries for modern teams. Find reusable UI patterns, tokens, and documentation resources.
Figma-focused design systems and UI references
Find Figma-friendly design systems with strong docs and component guidance. Great for design workflow consistency and faster design-to-dev handoff.

Matching design systems

We categorize systems by title, description, and source metadata to help you find relevant references faster.

Ant Design - The world's second most popular React UI framework favicon
Ant Design - The world's second most popular React UI framework
An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises
View detailsVisit site
Evergreen favicon
Evergreen
Evergreen is a React UI Framework for building ambitious products on the web. Made by Segment in San Francisco, CA.
View detailsVisit site
Installation | Amplify UI for React favicon
Installation | Amplify UI for React
Installation Guide - How to install Amplify UI Packages, Styles, and Fonts.
View detailsVisit site
Components favicon
Components
Racine is Sprout’s library of global, reusable React components. See the getting started guide to learn more or browse the components.
View detailsVisit site
TDesign Web React favicon
TDesign Web React
React UI Component
View detailsVisit site
Elastic UI favicon
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.
View detailsVisit site
Introduction — Wedges | Lemon Squeezy favicon
Introduction — Wedges | Lemon Squeezy
An ever-expanding, open-source React UI library built with the Wedges Design System, Radix primitives, and Tailwind CSS.
View detailsVisit site
Build your component library - shadcn/ui favicon
Build your component library - shadcn/ui
A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.
View detailsVisit site
Flowbite - Tailwind CSS component library favicon
Flowbite - Tailwind CSS component library
Get started with the most popular open-source library of interactive UI components built with the utility classes from Tailwind CSS
View detailsVisit site
Design system built for your scale with React and Figma favicon
Design system built for your scale with React and Figma
Reshaped provides professionally crafted component libraries in React and Figma to make your product design and development faster.
View detailsVisit site
Preline UI - Tailwind CSS component library favicon
Preline UI - Tailwind CSS component library
Quickly set up Preline UI Tailwind CSS library for your project. Browse Tailwind components and UI elements such as buttons, grids, tables, and more.
View detailsVisit site
Grommet favicon
Grommet
Build responsive and accessible mobile-first projects for the web with an easy to use component library.
View detailsVisit site
Clarity Design · 协作产品 UI 设计语言 favicon
Clarity Design · 协作产品 UI 设计语言
Clarity Design · 协作产品 UI 设计语言，at 是基于 Teambition 设计体系的 React UI 组件库，主要用于研发企业级中前台产品。
View detailsVisit site
A Vue 3 UI Framework | Element Plus favicon
A Vue 3 UI Framework | Element Plus
A Vue 3 based component library for designers and developers
View detailsVisit site
NutUI - 移动端 Vue2、Vue3、小程序 组件库 favicon
NutUI - 移动端 Vue2、Vue3、小程序 组件库
京东风格的轻量级移动端 Vue、React 组件库
View detailsVisit site
Getting Started | NativeBase | Universal Components for React and React Native favicon
Getting Started | NativeBase | Universal Components for React and React Native
NativeBase 3.0 lets you build consistently across android, iOS & web. It is inspired by the Styled System and is accessible, highly themeable, and responsive.
View detailsVisit site
Fundamental Library Website favicon
Fundamental Library Website
Fundamental Library is a SAP Design System Component Library
View detailsVisit site
HeroUI (Previously NextUI) - Beautiful, fast and modern React UI Library favicon
HeroUI (Previously NextUI) - Beautiful, fast and modern React UI Library
Beautiful, fast and modern React UI Library
View detailsVisit site

Next step

Continue exploring related references, or open the Figma plugin to use this directory in your workflow.

Back to design system hubExplore all toolsInstall Design System Hub for Figma

Related design tools

More tools from Learn & References.

View all Learn & References