Tools - Do you know the best UI framework for React?
  v1.0 Posted at 16/05/2019 6:30 PM by Shane Ye
The main contenders for the best UI framework for React are:

MATERIAL-UI https://material-ui.com 

Bootstrap https://getbootstrap.com 

Ant Design https://ant.design


MaterialUI is a set of React Components that Implement the [Google’s Material Design](https://material.io/guidelines/material-design/introduction.html) Guidelines. When it comes to predefined components especially UI, one important thing we need to find is how many UI widgets are available and whether these can be customized with configurations. Material-UI has all components that you need and it is very configurable with predefined color palette. Material UI is one of the best Reactjs based UI frameworks that have the most refined implementation of Material Design. 

Figure: MaterialUI is a set of React components that implement Google's Material Design.

Get started: react-material-ui-official-docs-example

React Bootstrap

Bootstrap is one of the most popular and widely used CSS framework. It is no surprise to have the duo of React and Bootstrap. React Bootstrap is a set of React components that implementation of Bootstrap framework. React-Bootstrap currently targets Bootstrap v3 and team is actively working on Bootstrap v4.

Get started: react-bootstrap-ui-official-docs-example

Ant Design

Ant Design React is dedicated to providing a good development experience for programmers. An enterprise-class UI design language and React-based implementation. Ant design is set of high-quality React components out of the box which are written in TypeScript. It supports browser, server-side rendering and Electron environments, has many components and [even a tutorial with Create-react-app]https://ant.design/docs/react/use-with-create-react-app​​

Get started: ant-design-example

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address: