Resources / React UI Libraries
From the polished accessibility of Chakra UI and Mantine to the enterprise-scale of Ant Design and Material UI, this collection covers every tier of React component library, including Radix UI for headless primitives.
Quick Guide
Use CodeHelper's tools when you need:
- •Privacy & offline processing
- •No account or signup required
- •Fast, client-side operations
Use external tools when you need:
- •Team collaboration features
- •Cloud storage & synchronization
- •Extensive template libraries
All Tools
Material UI
React components for faster and easier web development, based on Material Design
Chakra UI
Build accessible React apps & websites with speed.
React Bootstrap
Bootstrap rebuilt for React. Include Bootstrap components right in your JavaScript
Semi Design
A modern, comprehensive, flexible design system that gives you all modular blocks you need to build sensible web apps & SaaS products.
Mantine
React components and hooks library with native dark theme support focused on usability, accessibility and developer experience.
NextUI
Beautiful, fast and modern React UI library that allows you to create beatiful websites regardless of your design experience.
Arco Design
A comprehensive React UI components library based on the Arco Design system.
Ui-playbook
The documented collection of UI components
ReactStrap
Another Bootstrap UI library for React
React Admin
A frontend Framework for building admin applications. Supports APIs out of the box
BlueprintJS
React-based UI toolkit for the web
React Semantic UI
UI components based off of the Semantic UI framework
Shards React
React UI kit featuring a modern design system with dozens of custom components
React Virtualized
UI set for data. Includes tables, lists, sorting, etc.
React Toolbox
Material design UI library for React
Elastic UI
Distributes UI React components and static assets for use in building web layouts
React Desktop
Desktop styled components in React. Includes MacOS and Windows based components
Onsen React
Distributes Components for hybrid mobile apps with React and Onsen UI
Evergreen
Design system for React
Rebass
React primitive UI components built with styled system
Grommet
Mobile first UI component library
Landing Page Template
Open source landing page template for react
Elemental UI
A UI Toolkit for React.js Websites and Apps
Ant Design
Open source design React UI library.
Bumbag
Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications.
Primereact
The ultimate collection of design-agnostic, flexible and accessible React UI Components
Primer Components
Primer Components are React components which implement GitHub Primer Design System
Orbit
Design system and React UI components for travel projects.
Base Web
Base Web provides a robust suite of components out of the box
Backpack UI
Backpack is the Lonely Planet toolset that we use to build front end apps.
Reaviz
Data visualization library for React based on D3
React Suite
A suite of React components, sensible UI design, and a friendly development experience.
React Spring
Spring-physics based animation library for React applications.
Recharts
A composable charting library built on React components.
Vercel UI
Modern and minimalist React UI library
Framer Motion
A React library to power production-ready animations.
React Spectrum
A React implementation of Spectrum, Adobe’s design system.
React tsParticles
A lightweight React component for creating particles
Particles-bg
A React particles animation background component
Treact
Gallery of free and modern React templates and UI components developed using TailwindCSS as the front-end framework
OAH-Admin
A free React admin dashboard template based on Gatsby with oah-ui components and elements package.
Carolina Admin Dashboard
Free React admin template powered by Material-UI components framework.
Tabler
Tabler is a free React admin dashboard template ideal for any kind of back-end web application.
Sha-el-design
React components for easier customization and smooth development flow.
React-WeUI
React-WeUI made from our love of React and WeChat’s WeUI Design.
Supabase UI
An open-source UI component library inspired by Tailwind and AntDesign.
Ring UI
A collection of JetBrains Web UI components.
React95
Refreshed Windows 95 style UI components for your React app.
Reakit
Reakit is a lower level component library for building accessible high level UI libraries, design systems and applications with React.
Zent
A collection of essential UI components written with React.
Gestalt
A set of React UI components that supports Pinterest’s design language.
Xstyled
A CSS-in-JS framework built for React with props based utilities like display, fontSize or rotate.
@use-gesture
Bread n butter utility for component-tied mouse/touch gestures in React.
React Rainbow
React Rainbow is a collection of components that will reliably help you build your application in a snap.
React Use Smooth Scroll
React Provider Component to add a smooth scroll effect
Choc UI
Choc UI is a set of accessible and reusable components that are commonly used in web applications.
Elementz
A React Component library for buliding modern applications easily & quickly.
Radix UI
Unstyled, accessible components for building high-quality design systems and web apps in React
Materio MUI React NextJS Admin Template
Most Powerful & Comprehensive Open-source MUI React NextJS Admin Dashboard Template built for developers.
Best React UI Component Libraries for Developers
React UI libraries provide pre-built, accessible, and customizable components that dramatically accelerate frontend development. Choosing the right React component library for your project saves weeks of building common UI patterns from scratch.
CodeHelper's curated React UI libraries collection covers the full spectrum : from full-featured design systems like Material UI and Ant Design, to utility-first approaches like shadcn/ui and Headless UI, to specialized libraries for specific use cases.
What to look for in a React UI library
- Accessibility: Well-maintained libraries follow WAI-ARIA standards and are keyboard-navigable out of the box.
- TypeScript support: First-class TypeScript support improves developer experience and catches bugs early.
- Bundle size and tree-shaking: Libraries that support tree-shaking allow importing only the components you use, keeping bundle sizes small.
How to use this resource collection
- Browse the curated list of React UI libraries below.
- Click any library to open its documentation in a new tab.
- Use the search bar to filter by name or description.
Whether you are starting a new React project, evaluating Material UI alternatives, or building an enterprise design system, this collection helps you find the right react design system for your needs.