12 Amazing React UI Library or Frameworks
Sarthak
4 months ago

0

  1. Semantic UI
  2. Material UI Kit
  3. Ant Design
  4. Storybook
  5. Shards React
  6. Material UI
  7. React Bootstrap
  8. Blueprint
  9. Onsen UI for React
  10. Evergreen UI
  11. Chakra UI
  12. Tailwind React UI

1. Semantic UI

https://react.semantic-ui.com

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

https://storybook.js.org

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

https://material-ui.com

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

https://blueprintjs.com

A react based UI kit for React

9. Onsen UI for React

https://onsen.io/react/

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

10. Evergreen UI

https://evergreen.segment.com

Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment.

11. Chakra UI

https://chakra-ui.com/

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

Sarthak

4 months ago

0