Start a personal dev blog on your domain for free with Hashnode and grow your readership.
Get Started

10 Best ReactJS UI Frameworks for rapid prototyping

I was researching for a few feature rich UI frameworks based on React; that give the power of composability through React components that you can directly plug in into your React project

Here is a compilation of a few ReactJS based UI frameworks (in no particular order), that I came across. Hope one of these choices will help you rapidly prototype your "ReactJS" ideas.

Material UI

Material-UI is a set of React components that implement Google's Material Design.

Out of the hundreds of UI frameworks out there, Material UI is a framework that has the most refined implementation of Material Design.

Material UI

Website | Demo


Do I even need a description here? Bootstrap is, without a doubt, the most popular UI framework that is out there.

Bootstrap is one of the most advanced UI frameworks out there and has got most of the things right. Here is a React implementation of Bootstrap 3.


Website | Demo | GitHub


Foundation from Zurb is a very feature-rich and easily customizable library. It is one of the most popular UI frameworks that are out there.

React-Foundation is the implementation of the Foundation UI in the form or react components.


Website |GitHub


Essence is a CSS framework that implements the guidelines from Google Material Design Specification with ReactJS. With Essence you'll be able to make great looking web & mobile interfaces very quickly.


Website | Demo


React-MDL is the React implementation of the already popular Material Design Light framework by Google.

MDL is a light weight material design CSS framework which aims at bringing concepts of material design while keeping the UI lightweight.


Website | Demo


Belle provides you with a set of React components like Toggle, ComboBox, Rating, TextInput, Button, Card, Select and soon much 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.


Website | GitHub


Elemental-UI is a high quality, modular set of UI scaffolding components and controls for React that are built from the outset to natively implement React patterns.

Elemental-UI is inspired from many components based UI libraries and is like an enhancement to Bootstrap. it's a must try if you're a fan of that.


Website | Github


MUI is a lightweight CSS framework that follows the Material Design guidelines. MUI is available in CSS/JS only, React and Angular versions.


Website | GitHub


Grommet is based on ReactJS which provides great features in JavaScript for building user interfaces.

Grommet is developed by the developers from HP(Hewlett Packard) and they claim it to be "The most advanced UX framework for enterprise apps".


Website | Demo | GitHub

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

Website | Demo | GitHub

Ant Design of React

[Bonus] Ant Design of React is a React framework from the Chinese company Ant Design; based on the design specifications they have come up for their projects. It features a "complete" set of beautiful UI components built with React, using Material Design principles.

They're looking for volunteers to make their English translations better/complete (the time picker component, for instance, needs translation). Take at look at this issue, if you're interested.

Ant Design of React

Website | GitHub


This article is just a small list of frameworks that I compiled based on my research, hope it helps the community.

Let me know if I have missed any framework, in the comments. 😊

Start a personal dev blog on your domain for free and grow your readership.

3.4K+ developers have started their personal blogs on Hashnode in the last one month.

Write in Markdown · Publish articles on custom domain · Gain readership on day zero · Automatic GitHub backup and more

Denny Trebbin's photo

React Desktop

react-desktop is a JavaScript library built on top of Facebook's React library, which aims to bring a native desktop experience to the web, featuring many macOS Sierra and Windows 10 components. react-desktop works perfectly with NW.js and Electron.js, but can be used in any JavaScript powered project!

React Desktop example showing the macOS theme

Shrilakshmi Shastry's photo

Even 'REACTSTRAP' is also a good option

Denny Trebbin's photo


Create beautiful high-quality hybrid mobile apps the fastest way with React and Onsen UI Framework.

Onsen UI provides UI framework and tools for creating fast and beautiful HTML5 hybrid mobile apps based on PhoneGap / Cordova. Having common core with no framework dependencies, app development with Onsen UI is easy with any of the ever-changing JavaScript frameworks.

Denny Trebbin's photo

I tried and used Grommet in a recent project for asset management to visualize dependencies in a Graph model. Today morning I looked at Ant it also looks very attractive. Some components are a little noisy like the Tags component where the x-button isn't horizontally centered or components use some weird typography.

偏右's photo

I believe we have a horizontally-centerd Tag compnent now: 😅

Denny Trebbin's photo

@afc163 v2.0.1 is a fantastic release :-)

Gregory Potdevin's photo

React BlazeCSS

Same concept as React Bootstrap, but providing React components for BlazeCSS.

Marko Stijak's photo

Cx is a commercial UI framework based on React. It's great for building admin and dashboard apps as it includes a rich set of ready to use widgets and charts.

Starter Kit Screenshot Demo | GitHub

Brad Parks's photo

Semantic UI has various React versions - and allows theme switching between Bootstrap, Material UI, and more

Iván Portilla's photo

This one is amazing!

Ian Jamieson's photo

I agree. But they really really need to sort out that css/less. It's horrible with webpack, and doesn't work modular or with css components. 500kb right off the bat. Euggghh. Apart from the css everything is perfect though.

Dani's photo

Recently discovered Suitup searching on github. It's in development, but it looks very promising. Check it here:

Joe's photo

I've been working on a mobile first UI framework. Been using it in production for the company I work with 🙂----------

Eddy Hernandez's photo


It's an alternative to react-bootstrap. This library targets Bootstrap 4 and follows a syntax similar to MUI. Take a look at the component examples to get a feel for how this library is different, particularly components like the Tooltip.

漆工's photo

You may not know that there is a UI framework called React Suite. Recommend it.

Cagatay Civici's photo

There is also PrimeReact, a young open source library from the guys who created popular PrimeFaces (jsf) and PrimeNG (angular) libraries.

Michał Wadowski's photo

I see there is many UI for React. The another library is ReactMD: which is good quality and well documented in my opinion. It's not very popular for now, but it's very promising.

The Peter Rabbit Conspiracy's photo

Definitely my favourite! +1

Ricardo Berdejo's photo

amazing! thanks for this

Denny Trebbin's photo


Material Design components for React

Mentioned by @triptych - thanks man! mdc - material card design example

Kamal Sharif's photo

Thanks for the post. I'll look into react-bootstrap.

Vlastimil Fiser's photo

And what about ReactSymbols? We have strong focus on design, variability and usability. Check all informations and documentation here:

Thanks guys!

TJ VanToll's photo

If you’re reading this in 2020 you might want to check out KendoReact: 80+ UI components with everything from form controls like datepickers and dropdownlists, all the way up to professional components like data grids and schedulers.

Full disclosure: I’m a developer advocate at Progress, and we make Kendo UI. But I’m a huge fan of the components and like to spread the word 🙂

Cristian's photo

There is also reactstrap for Bootstrap 4

Moh's photo

this will help you :


Daoud Ali's photo

You didn't mention SemanticUI for react which is pretty good than many of them.

Priya Ranjan Dubey's photo

Brad Parks had already mentioned it. ;)

Prem Kumar's photo

I have found ant design very useful with lot of components that is required for my project . I found it from a video in youtube - Ant design has recently released version 3.0 which has very good improvements in UI from v2.x like fonts and colors for elements like inputs, tooltips etc.