50 Best React UI Component Libraries

When building web apps with React, component UI libraries help you speed things up, which is always neat. They let you split the UI into independent, reusable pieces. To help kickstart your work with React components, here are 50 best React UI Component Libraries for building beautiful and intuitive web and mobile apps.

Antiqueruby Ads

React Native Material Design UI Components.

Antiqueruby React Native Material Design UI Components

Material UI

React components for faster and easier web development. Build your own design system, or start with Material Design.

Material UI

Ant Design

An enterprise-class UI design language and React UI library.

Ant Design

Blueprint

Blueprint is a React-based UI toolkit for the web. It is optimized for building complex, data-dense web interfaces for desktop applications which run in modern browsers and IE11. This is not a mobile-first UI toolkit.

Blueprint

Reactsymbols

Modern ReactJS UI library full of pixel-perfect components.

Reactsymbols

Victory

A collection of composable React components for building interactive data visualizations .

Victory

Reactstrap

Stateless React Components for Bootstrap 4.

reactstrap

Rebass

This is a library of highly-composable, primitive UI components for React, built with styled-system to make building consistent, responsive web apps simpler and faster.

Rebass

Smooth UI

This is an open source components library built with React and Styled Components. It is focused on developer experience and accessibility. With Smooth UI, it is easy to design beautiful websites and applications.

Smooth UI

React95

Refreshed Windows 95 style UI components for your React app.

React95

Reach UI

The Accessible Foundation for React Apps and Design Systems.

Reach UI

Chakra UI

Works out of the box. Chakra UI contains a set of polished React components that work out of the box. Flexible & composable. Chakra UI components are built on top of a React UI Primitive for endless composability. Accessible. Chakra UI components follows the WAI-ARIA guidelines specifications. Dark Mode : All components are dark mode compatible.

Chakra UI

Search UI

Search UI is a JavaScript search framework for implementing world-class search experiences without reinventing the wheel. It works out of the box so you can focus on thinking outside of it.

Search UI

React Native UI Kitten

This is a framework that contains a set of commonly used UI components styled in a similar way. The main idea of this framework is to move style definitions into a specific place making components reusable and styled in a single way. You just focus on business logic and it takes care of visual appearance.

react-native-ui-kitten

React Select

A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete, async and creatable support.

React Select

React slick

It is a carousel component built with React. It is a react port of slick carousel.

React slick

Halogen

A collection of loading spinners with React.js.

Halogen

Carousel Image Gallery

This is a React component for building image galleries and carousels.

React Carousel Image Gallery

Datepicker

A simple and reusable Datepicker component.

Datepicker

Sortable-hoc

A set of higher-order components to turn any list into an animated, touch-friendly, sortable list.

HOC

React Toolbox

A set of React components implementing Google’s Material Design specification with the power of CSS Modules.

React Toolbox

Shoutem UI

This UI toolkit enables you to build professionally looking React Native apps with ease.

Shoutem UI

Rc-calendar

A modular toolkit to build calendar-related things in React.

rc-calendar

React-day-picker

Flexible, highly customizable, localizable, with ARIA support, no external dependencies.

react-day-picker

React-toggle

An elegant, accessible toggle component for React. Also a glorified checkbox.

react-toggle

Infinite Calendar

Infinite scrolling date-picker built with React, with localization, range selection, themes, key

Infinite Calendar

React Data Grid

Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like.

React Data Grid

Wysiwyg

A Wysiwyg editor build on top of ReactJS and DraftJS.

Wysiwyg

Burger-menu

An off-canvas sidebar React component with a collection of effects and styles using CSS transitions and SVG path animations.

react-burger-menu

Typography

Creating great Text Styles in React Native is not a simple task, it requires a lot of fiddling and handling edge cases. This library provides a good set of defaults and helpers that cover the majority of the cases you’ll need, make your code much simpler and render great on iOS, Android and the web

Typography

React Rating

This is a react rating component which supports custom symbols both with inline styles and glyphicons found in popular CSS Toolkits like Fontawesome or Bootstrap.

React Rating

Sortable

This is a JavaScript library for reorderable drag-and-drop lists on modern browsers and touch devices.

Sortable

Dragula

Drag and drop so simple it hurts.

Dragula

DND

It makes drag and drop for lists on the web more beautiful, natural and accessible.

react-beautiful-dnd

React SkyLight

This is a simple react component for modals and dialogs. Powerful, lightweight and customizable design.

React SkyLight

Rodal

A React modal with animations.

Rodal

Tippy

A lightweight tooltip for React. Based on tippy.js and powered by Popper.js.

react-tippy

Tooltip

Tooltips display informative text when users hover over, focus on, or tap an element.

react-tooltip

React Images

A simple, responsive lightbox component for displaying an array of images.

React Images

Progress button

Simple react.js component for an inline progress indicator.

react-progress-button

Swipe

This is the most accurate touch slider. It is extremely lightweight and works across all browsers, including IE7+.

Swipe

Input Range

This is a React component allowing users to input numeric values within a specific range. It can accept a single value, or a range of values (min/max). By default, basic styles are applied, but can be overridden depending on your design requirements.

react-input-range

Bootstrap table

It’s a react.js table for bootstrap, named react-bootstrap-table. It’s a configurable, functional table component and make you build a Bootstrap Table more efficiency and easy in your React application

Bootstrap table

Sortable Tree

Drag-and-drop sortable component for nested data and hierarchies.

Sortable Tree

Zent

A collection of essential UI components written with React.

Zent

Simple Maps

An svg map component built with and for React. It allows the creation of pure react svg maps.

Simple Maps

Paginate

A ReactJS component to render a pagination.

Paginate

Microlink

It enables you to create beautiful previews, from any link.

microlink

Notification System

A complete and totally customizable component for notifications in React.

Notification System

reactour

Tourist Guide into your React Components.

reactour

0 Comments

  1. Hi there! That’s a great list to kick the conversation about React UI libraries from! I wonder why no commercial UI libraries are included, though. They can be very powerful and usually come with valuable benefits such as technical support, regular release cycles, etc. For example, the team I am part of, KendoReact (https://www.telerik.com/kendo-react-ui/), has built one such library that has 80 fantastic UI components (and growing).

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.