Artikel

React, Vue, Angular UI Libraries

By Maksum Rifai

February 09, 2021

UI Libraries for React, Vue, Angular.

UI for React

Material UI

Quickly build beautiful React apps. Material-UI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

Github | Website

React Bootstrap

The most popular front-end framework, Rebuilt for React.

Github | Website

React Suite

React Suite is a set of react component libraries for enterprise system products. It is a well-thought-out and developer-friendly UI framework.

Github | Website

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.

Github | Website

Blueprint

Blueprint is a React-based UI toolkit for the web.

It is optimized for building complex, data-dense web interfaces for desktop applications which run in modern browsers and IE11. This is not a mobile-first UI toolkit.

Github | Website

PRIMEREACT

PrimeReact is a rich set of open source UI Components for React. See PrimeReact homepage for live showcase and documentation.

Github | Website

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.

Github | Website

Carolina React Admin Dashboard

This free React admin template is powered by Material-UI components framework and features a clean and fresh design following Google’s Material Design specifications.

Website |

Semantic UI React

Semantic UI React is a React UI library with over 50 responsive components designed on a variety of device screens.

Github | Website

React Toolbox

React Toolbox is a set of React components that implements Google Material Design specification. It’s built on top of some the trendiest proposals like CSS Modules (written in SASS), Webpack and ES6.

Github | Website

Elastic UI

The Elastic UI Framework is a collection of React UI components for quickly building user interfaces at Elastic. Not using React? No problem! You can still use the CSS behind each component.

Github | Website

Evergreen

A Design System for the Web, Evergreen is a React UI Framework for building ambitious products on the web. Brought to you by Segment.

Github | Website

Bumbag

Bumbag is a friendly React UI Kit suitable for MVPs or large-scale applications.

Website |

Rimble

Rimble is an open-source library of React components and guides to help you make dApps everyone can use.

Github | Website

Grommet

Grommet is a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package

Github | Website

ReactAdmin

A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design

Github | Website

Primer

Primer was created for GitHub by GitHub. We love it so much, we chose to open-source it to allow the community to design and build their own projects with Primer.

Github | Website

UI For Vue

Vuetify

Vuetify is a Vue UI Library with beautifully handcrafted Material Components. No design skills required — everything you need to create amazing applications is at your fingertips.

Github | Website

Buefy

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design.

Github | Website

Quasar

Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid Mobile Apps and Electron Apps. If you want, all using the same codebase!

Github | Website

BootstrapVue

With BootstrapVue you can build responsive, mobile-first, and ARIA accessible projects on the web using Vue.js and the world’s most popular front-end CSS library — Bootstrap v4.

Github | Website

PRIMEVUE

PrimeVue is a rich set of open source UI Components for Vue. See PrimeVue homepage for live showcase and documentation.

Github | Website

VueJS Example

VueJS Example is a collection of many component examples used for Vue such as list, table, card, layout, timeline Etc.

Website |

KeenUI

A lightweight Vue.js UI library with a simple API, inspired by Google’s Material Design.

Github | Website

Vuesax

Vuesax is a framework of components based on vue.js, it is a framework that is designed from scratch to be incrementally adoptable.

Github | Website

TC Component

A library of high-quality ready to use components that will help you speed up your development workflow.

Website |

UI for Angular

Angular Material

Angular Material is an Angular library UI component with many beautifully designed and high-performing elements for the website.

Github | Website

PRIMENG

PrimeNG is a collection of rich UI components for Angular. All widgets are open source and free to use under MIT License. PrimeNG is developed by PrimeTek Informatics, a vendor with years of expertise in developing open source UI solutions.

Github | Website

Ng-Bootstrap

Angular widgets built from the ground up using only Bootstrap 4 CSS with APIs designed for the Angular ecosystem. No dependencies on 3rd party JavaScript.

Github | Website

Nebular

Nebular is a customizable Angular 10 UI Library with a focus on beautiful design and ability to adapt it to your brand easily. It comes with 4 stunning visual themes, a powerful theming engine with runtime theme switching and support of custom css properties mode.

Github | Website

Clarity

UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences

Github | Website

Others

Ant Design

A design system for enterprise-level products. Create an efficient and enjoyable work experience.

Github | Website

Onsen UI

The most beautiful and efficient way to develop HTML5 hybrid and mobile web apps.

Github | Website

Kendo UI

The ultimate collection of JavaScript UI components with libraries for jQuery, Angular, React, and Vue. Quickly build eye-catching, high-performance, responsive web applications—regardless of your JavaScript framework choice.

Website |

Ionic

Ionic Framework is an open source UI toolkit for building performant, high-quality mobile and desktop apps using web technologies — HTML, CSS, and JavaScript — with integrations for popular frameworks like Angular, React, and Vue.

Github | Website

All descriptions and images above was copied from their official github or websites.

Edit this lists on github, If you want to add another resources or libraries.