Interface Libraries for React

Aykut Korkmaz
5 min readDec 9, 2019

I have compiled the interface libraries that will make the development process easier for React JS to be used by the Web.

1- React-Bootstrap

In addition to being the most popular React UI library in GitHub, still waits Bootstrap 4 support.

React-Bootstrap

2- Reactstrap

Reactstrap, which received 4,000 Star on GitHub, is a good interface library with Bootstrap 4 support.

Reactstrap

3- MdBootstrap

The developers who dreamed of a project with Material design and Bootstrap without Jquery have not been forgotten. With MdBootstrap, you can develop projects on Bootstrap 4 and React 16 without the need for a JQuery library.

MdBootstrap

4- Material-UI

Although it does not support Bootstrap, this library, which is most popular as a React UI on GitHub, offers a unique Material design experience.

5- React Toolbox

React Toolbox with Material design and receiving almost 8,000 Star in GitHub has CSS modules written in SASS and uses ES6 with Webpack.

6- React-md

React-md, another material design, offers React Components written in SASS with 1.7k Star in GitHub.

7- RMWC — React Material Web Components

RMWC, the React wrapper of the Google Material Design Components for the Web project, has 498 Star in Github and has been tested with all React versions between 15.5.x and 16.3.x.

8- Onsen UI for React

Onsen UI for React

Supporting Material and iOS design, OnsenUI offers an integrated structure with React for mobile applications development.

9- React Foundation

National Geographic offers an eye-catching development experience with React components used by sites such as The Washington Post and Mozilla.

10- Rebass

Rebass, which was developed with Styled Components, aims to isolate styles from each other and to minimize the CSS code to be written specifically.

11- Semantic UI React

For those who like Semantic UI without JQuery, Semantic UI React offers good React integration.

12- Blueprint

Providing data-intensive and complex web interfaces, Blueprint offers a rich library of desktop applications. Mobile priority applications are not very suitable for development.

13- React Desktop

Providing interface components for MacOS High Sierra and Windows 10 for those who want to develop desktop applications with Electron.js, React Desktop provides a native desktop experience for users.

14- React UWP

Built on Microsoft UWP and Fluent design system, React UWP enables you to offer Windows-like interfaces.

15- Office UI Fabric

The Office UI Fabric, which provides an Office interface for React applications, is currently used in many of Microsoft’s Web applications.

16- Atlaskit

Based on the design principles of Atlassian, Atlaskit offers React components that can be downloaded separately.

17- Ant Design of React

Based on the Ant Design specification used by Chinese-based companies such as Alibaba and Baidu, which received 27,000 Star on GitHub, Ant Design of React offers quality UI components and rich content.

18- IBM Carbon Components

Using IBM’s Carbon Design System, IBM Carbon Components enable you to produce rich content with React components.

19- Prime React

Prime Reaces, developed by the same team as PrimeFaces, provides an unparalleled development environment with its integrated organizational chart, fileupload, GMap and Lightbox components.

20- Belle

In addition to its own interface components, it also offers Bootstrap support and provides an easy-to-use and high-performance application output.

21- Elemental UI

Elemental UI, produced by the Thinkmill team that developed KeystoneJS, offers modest design and flexible theme solutions.

22- RingUI

RingUI, developed by JetBrains, has a rich component palette and is currently used in the interface of the JetBrains site.

23- Coursera UI

The Coursera UI, which Coursera uses on its site, is perfect for those who are bored with Bootstrap.

24- Wix Style React

Wix Style React, developed by the Wix UX team, is used on Wix.com.

25- Backpack UI

Backpack UI, developed by the media company Lonely Planet, is customized for media-mainly sites.

26- React Native Web

React Native Web, which provides a platform agnostic development framework by adapting React Native components and APIs to the Web, seems to perform React Native Web once-for-run logic.

27- Lucid UI

Developed by AppNexus, which provides online advertising services, Lucid UI offers a React-based chart library.

28- Fyndiq UI

Fyndiq UI, developed by Sweden-based online shopping site Fyndiq, offers exclusive React components for Shopping sites.

29- Awesome

This is the Github page with a complete list of React components.

Have a good work!

--

--