- Semantic UI
- Material UI Kit
- Ant Design
- Storybook
- Shards React
- Material UI
- React Bootstrap
- Blueprint
- Onsen UI for React
- Evergreen UI
- Chakra UI
- Tailwind React UI
1. Semantic UI
Semantic UI React is the official React integration for Semantic UI
- jQuery Free
- Declarative API
- Augmentation
- Shorthand Props
- Sub Components
- Auto Controlled State
2. Material UI Kit
https://demos.creative-tim.com/material-kit-react/#/
This kit have many basic elements such as buttons, badges, sliders, menu, pagination, navigation bars, tabs and pills.
3. Ant Design
https://ant.design/docs/react/introduce
This React UI library is a design system for enterprise-level products.
It’s based on the Ant Design project and contains a set of high quality components and demos for building rich, interactive UIs.
4. Storybook
Storybook is an open source tool for developing UI components
Written in isolation for React, Vue, Angular, and more.
It makes building stunning UIs organized and efficient.
5. Shards React
https://designrevision.com/downloads/shards-react/
A high-quality & free React UI kit featuring a modern design system with dozens of custom components.
6. Material UI
React components for faster and easier web development.
Build your own design system, or start with Material Design
7. React Bootstrap
https://react-bootstrap.github.io
The most popular front-end framework
Rebuilt for React
8. Blueprint
A react based UI kit for React
9. Onsen UI for React
Create beautiful high-quality hybrid mobile apps the fastest way with React and Onsen UI.
10. Evergreen UI
Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment.
11. Chakra UI
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Less code. More speed Spend less time writing UI code and more time building a great experience for your customers.
12. Tailwind React UI
https://emortlock.github.io/tailwind-react-ui/
Tailwind React UI provides ready built components that make use of Tailwind CSS utility framework.
If you're unfamiliar with the concepts behind Tailwind you can get an overview at https://tailwindcss.com/docs/what-is-tailwind:
Creating a framework for building custom UIs means you can't provide abstractions at the usual level of buttons, forms, cards, navbars, etc. Instead, Tailwind provides highly composable, low-level utility classes that make it easy to build complex user interfaces.
Tailwind React UI leverages these utility classes to provide base level components that are common across various projects, whilst still offering the ability to customise the output to match your project's style.
Follow for more content
Hope you like this list, follow me on twitter for more amazing content @sarthaksavvy