DEV Community

Suri Nuthalapati
Suri Nuthalapati

Posted on • Updated on

Best Open Source UI Frameworks for ReactJS

Top comments (7)

Collapse
 
iam_timsmith profile image
Tim Smith

I just use good old Bulma. I just use npm to install it and import it in the App component like so:

import 'bulma/bulma';

I've seen options for React components for this like Bloomer but they seemed to complicate things a bit more than necessary for me.

There's also options like ReactStrap which turns Bootstrap 4 elements into React Components.

Collapse
 
drewknab profile image
Drew Knab • Edited

+1

I've started moving over to Bulma from customizing Bootstrap and so on.

Collapse
 
whoisryosuke profile image
Ryosuke

If you mean UI frameworks with React components, I recommend:

  • Material UI is great if you like material design.
  • Semantic UI is great if you want something better designed than Bootstrap.
  • React Bootstrap is great if you like the CSS/SASS version.
  • Ant Design is great if you want a "minimal" design aesthetic.

A lot of companies have their own design systems you can download and use, like Shopify's Polaris or Segment's Evergreen. Adele has a great table of the design systems and the tech they use (SASS vs CSS in JS / React vs HTML components / etc). There's also this 'awesome-design-systems' Github that has a similar table.

You can also use any CSS framework with React, so stuff like Semantic UI, Bootstrap, Bulma, Foundation, Materialize works too.

Collapse
 
sublimegeek profile image
Jonathan Irvin
Collapse
 
simonguo profile image
郭小铭

I think you may not know React Suite, so I recommend it.

github.com/rsuite/rsuite

img

Collapse
 
thammuio profile image
Suri Nuthalapati

Thanks all. So far I liked Ant Design. I will check on the other designs as well.

Collapse
 
kumarasinghe profile image
Naveen Kumarasinghe • Edited