20 Awesome React Web & Mobile UI Components

Nowadays there are a lot of UI frameworks for React. Depending on the project complexity and requirements, you decide which front-end framework would be used because the main reason is to ease your development process. If you are thinking of designing system with React, here are 20 Awesome React Web and Mobile UI Components to simplify app design and development while ensuring consistent brand experiences, at scale.

Blueprint

Blueprint

Blueprint is a React-based UI toolkit for the web. It is optimized for building complex data-dense interfaces for desktop applications.

Blueprint

Arwes

Arwes

Arwes is a web framework to build user interfaces for web applications based on futuristic science fiction and cyberpunk styles, animations, and sounds effects. The idea is to let you create realistic futuristic user experiences in your projects. The concepts behind are opinionated and try to inspire advanced space technology and alien influence.

Arwes

React Suite

React Suite

React Suite is a set of react component libraries for enterprise system products. Built by HYPERS front-end team and UX team, mainly serving company’s big data products.

React Suite

Evergreen

Evergreen

A popular suite of polished React components from basic layout primitives like buttons and text inputs to menus, side sheets and tables.

Evergreen

React Toolbox

React Toolbox

React Toolbox is a UI library that follows the concepts of Google’s Material Design and is built on top of some of the trendiest proposals like CSS Modules (written in SASS), Webpack and ES6. The library harmoniously integrates with your Webpack workflow and it’s easily customizable and very flexible.

React Toolbox

Ant Design

Ant Design

Ant Design is a React UI library that has a plethora of easy-to-use components that are useful for building elegant user interfaces. While Material-UI remains the most popular React UI library with over 40k stars on Github, Ant Design is currently at a close second, and is quickly closing-in the gap.

Ant Design

Semantic UI React

Semantic UI React

Semantic allows developers to build beautiful websites fast, with concise HTML, intuitive javascript, and simplified debugging, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic UI React provides several prebuilt components that we can use to speed up our development process by having UI components ready to be used whilst building a React app.

Semantic UI React

Material-UI

Material-UI

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

Material-UI

React Foundation

React Foundation

Foundation is both feature-rich and easy to customize. React on the other hand is awesome because of its simplicity. It’s even more awesome when combined with Redux and Immutable.

React Foundation

Reactstrap

Reactstrap

It`s very simple to use, supports Bootstrap 4 and is well maintained – just check out its documentation.

Reactstrap

React Native UI Kitten

React Native UI Kitten

react-native-ui-kitten 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

Gestalt

Gestalt

Gestalt is a set of React UI components that enforces Pinterest’s design language. We use it to streamline communication between designers and developers by enforcing a bunch of fundamental UI components. This common set of components helps raise the bar for UX & accessibility across Pinterest.

Gestalt

React Lite UI

React Lite UI

A set of light weight React Components, which are easily customizable and can be bootstrapped in your project.

React Lite UI

React Rainbow

React Rainbow

React Rainbow is a collection of components that will reliably help you build your application in a snap. Give it a hack and let us know what you think.

React Rainbow

React Native Material UI

React Native Material UI

React Native Material UI

PrimeReact

PrimeReact

PrimeReact is a collection of rich UI components for React.

PrimeReact

Belle

Belle

Belle provides you with a set of React components like Toggle, ComboBox, Rating, TextInput, Button, Card, Select and soon many more. All of the components are optimized to work both on mobile & desktop devices. The styles are highly customizable on two levels. You can configure the base styles of all the components as well as modify each one of them individually.

Belle

Teaset

Teaset

A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.

Teaset

Next

Next

An enterprise-class UI solution for backend system, amied of settling the problems like cooperation between designers and front-developers, consistency of product experience and development efficiency.

Next

Zent

Zent

Zent is a React component library developed and used at Youzan. Zent provides a collection of essential UI components and lots of useful domain specific components.

Zent

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.