UI Components
Comparisons
Chart comparing React UI Component Projects
- Google: Material UI
- Twitter: React Bootstrap
- Alibaba (Ant Financial): Ant Design
- Twitter: Reactstrap
- Atlassian: Atlaskit
- HP: Grommet
- Microsoft: Fluent UI
- Pinterest: Gestalt
- Salesforce: Lightning Design System for React
FAQ
What is Bootstrap?
- Bootstrap
- CSS framework
- Originated at Twitter
- Don't need to be good at CSS for professional look
- Most popular open source CSS project on GitHub
Why not just use Bootstrap directly?
- Includes jQuery and Bootstrap JavaScript files
- results in bloated application
- large JavaScript bundle
- Could just use the Bootstrap CSS file(s)
- you would end up recreating React Bootstrap or Reactstrap
Which Bootstrap project should I choose?
Should I use Bootstrap or Reactstrap discussion thread?
The comment that Reactstrap supports Bootstrap version 4 but React Bootstrap is no longer true.
Which other CSS frameworks should I consider?
What if I want to build my own bespoke components because I need them to match our brand?
Consider Tailwind CSS a utility-first CSS framework for rapidly building custom designs.
And if you got that route I would recommend purchasing the tailwind ui component library.
- Tailwind UI
- Team license for \$599