34 UI Libraries For React, Vue And Angular
Tags: react, vue, angular, webdev
Published: 2021-02-03 13:57:56

#UI Library For React
##MATERIAL-UI(React)
The MATERIAL-UI (React) component makes it easy to set up and quickly develop a Material design style website.
![MATERIAL-UI(React)](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/MATERIAL-UI%28React%29.png)
[MATERIAL-UI(React)](https://material-ui.com/)

##React Bootstrap
React Bootstrap is one of the oldest React libraries with over 18k stars on github. It makes Bootstrap the focus and doesn't need to depend on the Jquery library. And it has two main versions: v0.33.1 for Bootstrap3 and v1.4.0 for Bootstrap 4.5.
![React Bootstrap](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/React%20Bootstrap.png)
[React Bootstrap](https://react-bootstrap.github.io/)

##React Suite
React Suite is a react component library for SMEs. Its strong point is user-friendly interface design, easy to edit, a variety of types component ...
![React Suite](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/React%20Suite.png)
[React Suite](https://rsuitejs.com/)

##Chakra UI
Chakra UI provides components for React that are easily accessible , reusable, combined with other components. It also has a dark mode for those who prefer a black background for your website.
![Chakra UI](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Chakra%20UI.png)
[Chakra UI](https://chakra-ui.com/)

##Blueprint
Blueprint is a React-based UI builder for websites. It is optimized for building complex websites with large data and can run on many popular browsing today.
![Blueprint](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Blueprint.png)
[Blueprint](https://blueprintjs.com/docs/)

##PRIMEREACT
PRIMEREACT is a library that provides more than 70 components for web design. It's open source so you can use it for personal and commercial projects completely. One of its strengths that I like the most is how to optimize components on mobile devices.
![PRIMEREACT](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/PRIMEREACT.png)
[PRIMEREACT](https://primefaces.org/primereact/showcase/#/)

##Treact
Treact is a UI library built by a combination of React and TailwindCSS. It offers more than 52 page-specific landing page elements, 7 landing page examples and 8 pages inside demo. In addition, it also designs the components to serve on many different screen devices for the website.
![Treact](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Treact.png)
[Treact](https://treact.owaiskhan.me/)

##Carolina React Admin Dashboard
Carolina React Admin Dashboard is a UI library dedicated to designing console for webmasters. It is designed in the minimalist and clean style of Material Google. Also, if you want to add more components, you can upgrade to the pro package for about $ 59 / year.
![Carolina React Admin Dashboard](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Carolina%20React%20Admin%20Dashboard.png)
[Carolina React Admin Dashboard](https://demo.uifort.com/carolina-react-admin-dashboard-material-ui-free-demo/LandingPage)

##Semantic UI React
Semantic UI React is a React UI library with over 50 responsive components designed on a variety of device screens. Since it's open source, you can use it for a wide variety of projects from personal to commercial ...
![Semantic UI React](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Semantic%20UI%20Reac.png)
[Semantic UI React](https://react.semantic-ui.com/)

##React Toolbox
React Toolbox is a collection of React components designed in the Material style. It builds on a number of trend recommendations such as the CSS module (written in SASS), webpack, and ES6. According to me, it has a very detailed guide for applying the library's code to web development.
![React Toolbox](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/React%20Toolbox.png)
[React Toolbox](http://react-toolbox.io/#/)

##Elastic UI
Elastic UI is React Component UI library for web building and development. It has a number of strengths such as the use of a rich color palette, high contrast, easy to change the website theme, responsive for many different types of web projects, easy to use code for newbie...
![Elastic UI](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Elastic%20UI.png)
[Elastic UI](https://elastic.github.io/eui/#/)

##Evergreen
Evergreen is the React UI Framework for building beautifully designed and fully featured web products. It also gives you full control and customization of components as needed. Because it is open source, you can use it for many different projects without having to worry about copyright issues.
![Evergreen](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Evergreen.png)
[Evergreen](https://evergreen.segment.com/)

##Bumbag
Bumbag is a friendly React UI Kit suitable for MVPs or large scale applications. Some of the add-ons of this library are WAI-ARIA standard compliant, have the ability to self-control and customize any component in the website, flexibly build and develop other components.
![Bumbag](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Bumbag.png)
[Bumbag](https://bumbag.style/)

##Rimble
Rimble is an open source React Component library with detailed instructions for website design and development.
![Rimble](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Rimble.png)
[Rimble](https://rimble.consensys.design/)

##Grommet
Grommet is a website that brings together many useful React components for the website with the goal of building and designing responsive for mobile devices first.
![Grommet](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Grommet.png)
[Grommet](https://v2.grommet.io/)

##ReactAdmin
ReactAdmin is an open source library that provides components for the development of web administration interfaces with many utilities such as providing data management functions, supporting creating contacts between tables, providing filter, text editor ...
![ReactAdmin](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/ReactAdmin.png)
[ReactAdmin](https://marmelab.com/react-admin/)

##Primer
Primer is a React component library with many features such as being easy to apply to many different types of web projects, minimizing component complexity to the least possible, easy to expand and tweak components .. .
![Primer](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/React_UI/Primer.png)
[Primer](https://primer.style/components/)

#UI Library For Vue

##Vuetify
Vuetify is a beautifully designed UI component library for VueJs that is easy to use for beginners with hundreds of meticulously designed and built components. In addition, it also has some other strengths such as prioritization for display on mobile devices first, long-term support.
![Vuetify](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Vue_UI/Vuetify.png)
[Vuetify](https://vuetifyjs.com/en/)

##Buefy
Buefy is an open source library built on top of Vue.js and Bulma. All components are responsive on multiple device screens and are independent of other libraries.
![Buefy](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Vue_UI/Buefy.png)
[Buefy](https://buefy.org/)

##Quasar
Quasar is an open source framework that makes building interfaces using Vuejs easier and faster. In addition to the website, it can also build SSR applications, PWAs, browser extensions, mobile applications ...
![Quasar](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Vue_UI/Quasar.png)
[Quasar](https://quasar.dev/vue-components)

##BootstrapVue
BootstrapVue is a library built on a combination of Vue and Bootstrap with highlights such as built on previous mobile devices, accessible ARIA, offering over 85 components and 45 plugins, over 1100 icons. ... Since it's open source, you can use it for all kinds of projects completely.
![BootstrapVue](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Vue_UI/BootstrapVue.png)
[BootstrapVue](https://bootstrap-vue.org/)

##VueJS Example
VueJS Example is a collection of many component examples used for Vue such as list, table, card, layout, timline ...
![VueJS Example](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Vue_UI/VueJS%20Example.png)
[VueJS Example](https://vuejsexamples.com/)

##KeenUI
KeenUI is a Vue.js UI library by Google Material design for website.
![KeenUI](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Vue_UI/KeenUI.png)
[KeenUI](https://josephuspaye.github.io/Keen-UI/#/ui-icon-button)

##Vuesax
Vuesax is an open source library for Vue Js Component with some outstanding features such as easy reuse, highly customizable, adaptive support on multiple devices, easy to implement simple to complicated.
![Vuesax](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Vue_UI/Vuesax.png)
[Vuesax](https://vuesax.com/)

##TC Component
TC Component is an interface library built on top of VueJS that improves web development construction process and time.
![TC Component](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Vue_UI/TC%20Component.png)
[TC Component](https://components.timos.design/)

#UI Library For Angular

##Angular Material
Angular Material is an Angular library UI component with many beautifully designed and high-performing elements for the website. It simply provides the API with the highest features, provides tools for developers to develop their own components.
![Angular Material](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Angular_UI/Angular%20Material.png)
[Angular Material](https://material.angular.io/)

##PRIMENG
PRIMENG is an open source library that provides more than 80 components for Angular, diverse design choices such as Bootstrap and Material, highly customizable, heavily supported by the community, and easy to handle interfaces. Complex users, improving user experience for mobile devices .
![PRIMENG](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Angular_UI/PRIMENG.png)
[PRIMENG](https://www.primefaces.org/primeng/showcase/#/)

##Ng-Bootstrap
Ng-Bootstrap is an Angular UI library built based on taking the Bootstrap interface as core with many components such as carousel, modal, popover, tooltip ...
![Ng-Bootstrap](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Angular_UI/Ng-Bootstrap.png)
[Ng-Bootstrap](https://ng-bootstrap.github.io/#/home)

##Nebular
Nebular is a library that helps you easily create components for Angular with high customization, high security, fast speed ... Due to being open source, you are completely assured to use it for many types of web projects.
![Nebular](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Angular_UI/Nebular.png)
[Nebular](https://akveo.github.io/nebular/)

##Clarity
Clarity is a combination of using HTML frameworks, CSS for data design and Angular for data binding elements, performance for the website.
![Clarity](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Angular_UI/Clarity.png)
[Clarity](https://clarity.design/)

#Other UI

##Ant Design
![Ant Design](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Ant%20Design.png)
[Ant Design](https://ant.design/)

##Onsen UI
![Onsen UI](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Onsen%20UI.png)
[Onsen UI](https://onsen.io/)

##Shard
![Shard](https://niemvuilaptrinh.ams3.cdn.digitaloceanspaces.com/UI_Cho_Javascript/Shard.png)
[Shard](https://designrevision.com/)

If you get more information please go to [Niemvuilaptrinh](https://us.niemvuilaptrinh.com/)