Awesome

Awesome UIKit

Collect JS Frameworks, Web components library and Admin Template.

Frameworks
Web Components
- Components
- Tools
UI Components
- React
- React Native
- Vue
- Angular
- Tailwind
- San
- Mithril
- WebCell
- Svelte
- All In
- Tradition
Mobile UI Components
- React
- React Native
- Vue
- Wechat
- Tradition
Admin Template
- React
- Vue
- Angular
- Other
Tools
- CheatSheet

Explanation

Open-Source Software means open source, click to enter open source repo;
hot means hot;

Frameworks

Most of this comes from: The Ultimate Guide to JavaScript Frameworks

The Big Three

React <img align="bottom" height="13" src="https://img.shields.io/github/stars/facebook/react.svg?label=" /> <img align="bottom" height="13" src="https://img.shields.io/npm/dm/react?label=" /> - A JavaScript library for building user interfaces.
Angular <img align="bottom" height="13" src="https://img.shields.io/github/stars/angular/angular.svg?label=" /> <img align="bottom" height="13" src="https://img.shields.io/npm/dm/angular?label=" /> - One framework. Mobile & desktop.
Vue.js <img align="bottom" height="13" src="https://img.shields.io/github/stars/vuejs/vue.svg?label=" /> <img align="bottom" height="13" src="https://img.shields.io/npm/dm/vue?label=" /> - A progressive, incrementally-adoptable JavaScript framework for building UI on the web.

Historically Significant

AngularJS <img align="bottom" height="13" src="https://img.shields.io/github/stars/angular/angular.js.svg?label=" /> - AngularJS - HTML enhanced for web apps!
Backbone <img align="bottom" height="13" src="https://img.shields.io/github/stars/jashkenas/backbone.svg?label=" /> <img align="bottom" height="13" src="https://img.shields.io/npm/dm/backbone?label=" /> - Give your JS App some Backbone with Models, Views, Collections, and Events.
Ember <img align="bottom" height="13" src="https://img.shields.io/github/stars/emberjs/ember.js.svg?label=" /> - A JavaScript framework for creating ambitious web applications.

Notable

Aurelia <img align="bottom" height="13" src="https://img.shields.io/github/stars/aurelia/framework.svg?label=" /> - Aurelia allows us to focus on business logic, not on the framework.
~~anu~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/RubyLouvre/anu.svg?label=" /> - he React16-compat mini library.
~~Elm <img align="bottom" height="13" src="https://img.shields.io/github/stars/elm/core.svg?label=" /> - Server and client code for the Elm website.~~
FicusJS <img align="bottom" height="13" src="https://img.shields.io/github/stars/ficusjs/ficusjs.svg?label=" /> - Lightweight functions for developing applications using web components.
HTM <img align="bottom" height="13" src="https://img.shields.io/github/stars/developit/htm.svg?label=" /> - JSX alternative using standard tagged templates, with compiler support.
htmx <img align="bottom" height="13" src="https://img.shields.io/github/stars/bigskysoftware/htmx.svg?label=" /> - </> htmx - high power tools for HTML
Inferno <img align="bottom" height="13" src="https://img.shields.io/github/stars/infernojs/inferno.svg?label=" /> - An extremely fast, React-like JavaScript library for building modern user interfaces.
Nano JSX <img align="bottom" height="13" src="https://img.shields.io/github/stars/yandeu/nano-jsx.svg?label=" /> - Lightweight 1KB JSX library.
Nue <img align="bottom" height="13" src="https://img.shields.io/github/stars/nuejs/nue.svg?label=" /> - The Content First Web Framework
~~Polymer <img align="bottom" height="13" src="https://img.shields.io/github/stars/Polymer/polymer.svg?label=" /> - Build modern apps using web components.~~
Preact <img align="bottom" height="13" src="https://img.shields.io/github/stars/developit/preact.svg?label=" /> - Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
ReasonML <img align="bottom" height="13" src="https://img.shields.io/github/stars/facebook/reason.svg?label=" /> - Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems.
Svelte <img align="bottom" height="13" src="https://img.shields.io/github/stars/sveltejs/svelte.svg?label=" /> - The magical disappearing UI framework.
Solid <img align="bottom" height="13" src="https://img.shields.io/github/stars/ryansolid/solid.svg?label=" /> - A declarative, efficient, and flexible JavaScript library for building user interfaces..
VanJS <img align="bottom" height="13" src="https://img.shields.io/github/stars/vanjs-org/van.svg?label=" /> - World's smallest reactive UI framework...

Mobile

nativescript-vue <img align="bottom" height="13" src="https://img.shields.io/github/stars/nativescript-vue/nativescript-vue.svg?label=" /> - NativeScript with the ease of Vue.
react-native <img align="bottom" height="13" src="https://img.shields.io/github/stars/facebook/react-native.svg?label=" /> - A framework for building native apps with React.
~~Weex <img align="bottom" height="13" src="https://img.shields.io/github/stars/apache/incubator-weex.svg?label=" /> - A framework for building Mobile cross-platform UI.~~

Mini Program

~~alita <img align="bottom" height="13" src="https://img.shields.io/github/stars/skyFi/weapp-native.svg?label=" /> - 把 React Native 代码转换成微信小程序代码的转换引擎工具。~~
Antmove <img align="bottom" height="13" src="https://img.shields.io/github/stars/ant-move/Antmove.svg?label=" /> - 编译型跨端解决方案，基于支付宝/微信小程序，轻松地转换成其它平台的小程序。
~~Anna Remax UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/ant-move/Antmove.svg?label=" /> - 一款基于 Remax 框架开发的小程序 UI 组件库。~~
~~Chameleon - <img align="bottom" height="13" src="https://img.shields.io/github/stars/didi/chameleon.svg?label=" /> 一套代码运行多端，一端所见即多端所见~~
mpx <img align="bottom" height="13" src="https://img.shields.io/github/stars/didi/mpx.svg?label=" /> - 滴滴开源小程序框架。
mpvue <img align="bottom" height="13" src="https://img.shields.io/github/stars/Meituan-Dianping/mpvue.svg?label=" /> - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。
taro <img align="bottom" height="13" src="https://img.shields.io/github/stars/NervJS/taro.svg?label=" /> - 多端统一开发框架，支持小程序、H5、React Native 等的应用。
weapp-native <img align="bottom" height="13" src="https://img.shields.io/github/stars/skyFi/weapp-native.svg?label=" /> - 像 React 组件开发一样来开发微信小程序，开发微信小程序框架。
~~wepy <img align="bottom" height="13" src="https://img.shields.io/github/stars/Tencent/wepy.svg?label=" /> - 小程序组件化开发框架~~
~~Remax <img align="bottom" height="13" src="https://img.shields.io/github/stars/remaxjs/remax.svg?label=" /> - 将 React 运行在小程序环境中，让你可以使用完整的 React 进行开发~~
uni-app <img align="bottom" height="13" src="https://img.shields.io/github/stars/dcloudio/uni-app.svg?label=" /> 使用 Vue 语法开发小程序、H5、App的统一框架

Rest of the Pack

AppRun <img align="bottom" height="13" src="https://img.shields.io/github/stars/yysun/apprun.svg?label=" /> - AppRun is a developing applications using the elm architecture, events and components.
Atomico <img align="bottom" height="13" src="https://img.shields.io/github/stars/UpperCod/Atomico.svg?label=" /> - A small(1.6kB) library to work with web components.
Binding.scala <img align="bottom" height="13" src="https://img.shields.io/github/stars/ThoughtWorksInc/Binding.scala.svg?label=" /> - Reactive data-binding for Scala.
~~avalon <img align="bottom" height="13" src="https://img.shields.io/github/stars/RubyLouvre/avalon.svg?label=" /> - An elegant efficient express mvvm framework.~~
Bobril <img align="bottom" height="13" src="https://img.shields.io/github/stars/Bobris/Bobril.svg?label=" /> - Component oriented framework with Virtual dom (fast, stable, with tooling).
~~Choo <img align="bottom" height="13" src="https://img.shields.io/github/stars/choojs/choo.svg?label=" /> - sturdy 4kb frontend framework.~~
CxJS <img align="bottom" height="13" src="https://img.shields.io/github/stars/codaxy/cxjs.svg?label=" /> - Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components.
Cycle.js <img align="bottom" height="13" src="https://img.shields.io/github/stars/cyclejs/cyclejs.svg?label=" /> - A functional and reactive JavaScript framework for predictable code.
~~DYO <img align="bottom" height="13" src="https://img.shields.io/github/stars/thysultan/dio.js.svg?label=" /> - a library for building user interfaces.~~
~~Dojo <img align="bottom" height="13" src="https://img.shields.io/github/stars/dojo/meta.svg?label=" /> - meta information for the project.~~
Domvm <img align="bottom" height="13" src="https://img.shields.io/github/stars/domvm/domvm.svg?label=" /> - DOM ViewModel - A thin, fast, dependency-free vdom view layer.
~~DoneJS <img align="bottom" height="13" src="https://img.shields.io/github/stars/donejs/donejs.svg?label=" /> - Is the easiest way to get a high-performance, real-time, web and mobile application done!~~
dva <img align="bottom" height="13" src="https://img.shields.io/github/stars/dvajs/dva.svg?label=" /> - React and redux based, lightweight and elm-style framework.
dagger <img align="bottom" height="13" src="https://img.shields.io/github/stars/dagger8224/dagger.js.svg?label=" /> - A lightweight html-based runtime web frontend framework.
~~Etch <img align="bottom" height="13" src="https://img.shields.io/github/stars/atom/etch.svg?label=" /> - Builds components using a simple and explicit API around virtual-dom.~~
~~esx <img align="bottom" height="13" src="https://img.shields.io/github/stars/esxjs/esx.svg?label=" /> - Like JSX, but native and fast.~~
~~Gruu <img align="bottom" height="13" src="https://img.shields.io/github/stars/MarekLabuz/gruu.svg?label=" /> - JavaScript library for creating dynamic content.~~
Glimmer <img align="bottom" height="13" src="https://img.shields.io/github/stars/glimmerjs/glimmer.js.svg?label=" /> - Central repository for the Glimmer.js project.
Hyperapp <img align="bottom" height="13" src="https://img.shields.io/github/stars/jorgebucaran/hyperapp.svg?label=" /> - 1 KB JavaScript library for building web applications.
Hyperdom <img align="bottom" height="13" src="https://img.shields.io/github/stars/featurist/hyperdom.svg?label=" /> - A fast, feature rich and simple framework for building dynamic browser applications.
hyperHTML <img align="bottom" height="13" src="https://img.shields.io/github/stars/WebReflection/hyperHTML.svg?label=" /> - A Fast & Light Virtual DOM Alternative.
Ivi <img align="bottom" height="13" src="https://img.shields.io/github/stars/ivijs/ivi.svg?label=" /> - Javascript (TypeScript) library for building web user interfaces.
~~Intact <img align="bottom" height="13" src="https://img.shields.io/github/stars/Javey/Intact.svg?label=" /> - An inheritable and strong logic template front-end mvvm framework.~~
~~Knockout <img align="bottom" height="13" src="https://img.shields.io/github/stars/knockout/knockout.svg?label=" /> - Knockout makes it easier to create rich, responsive UIs with JavaScript.~~
Maquette <img align="bottom" height="13" src="https://img.shields.io/github/stars/AFASSoftware/maquette.svg?label=" /> - Pure and simple virtual DOM library.
Marko <img align="bottom" height="13" src="https://img.shields.io/github/stars/marko-js/marko.svg?label=" /> - A friendly (and fast!) UI library from eBay that makes building web apps fun.
Mithril <img align="bottom" height="13" src="https://img.shields.io/github/stars/MithrilJS/mithril.js.svg?label=" /> - A Javascript Framework for Building Brilliant Applications.
million <img align="bottom" height="13" src="https://img.shields.io/github/stars/millionjs/million.svg?label=" /> - <1kb virtual DOM - it's fast!.
~~Moon <img align="bottom" height="13" src="https://img.shields.io/github/stars/kbrsh/moon.svg?label=" /> - A minimal, blazing fast UI library.~~
~~Maka.js <img align="bottom" height="13" src="https://img.shields.io/github/stars/makajs/maka.svg?label=" /> - An inheritable and strong logic template front-end mvvm framework.~~
~~Nerv <img align="bottom" height="13" src="https://img.shields.io/github/stars/NervJS/nerv.svg?label=" /> - A blazing fast React alternative, compatible with IE8 and React 16.~~
~~NX <img align="bottom" height="13" src="https://img.shields.io/github/stars/nx-js/framework.svg?label=" /> - A modular front-end framework - inspired by the server-side and Web Components.~~
~~petit-dom <img align="bottom" height="13" src="https://img.shields.io/github/stars/yelouafi/petit-dom.svg?label=" /> - minimalist virtual dom library.~~
Picodom <img align="bottom" height="13" src="https://img.shields.io/github/stars/picodom/picodom.svg?label=" /> - 1 KB VDOM builder and patch function.
~~Pux <img align="bottom" height="13" src="https://img.shields.io/github/stars/alexmingoia/purescript-pux.svg?label=" /> - Build type-safe web apps with PureScript.~~
~~RE:DOM <img align="bottom" height="13" src="https://img.shields.io/github/stars/redom/redom.svg?label=" /> - Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.~~
Ractive <img align="bottom" height="13" src="https://img.shields.io/github/stars/ractivejs/ractive.svg?label=" /> - Next-generation DOM manipulation.
~~react-lite <img align="bottom" height="13" src="https://img.shields.io/github/stars/Lucifier129/react-lite.svg?label=" /> - an implementation of React that optimizes for small script size.~~
~~RE:DOM <img align="bottom" height="13" src="https://img.shields.io/github/stars/redom/redom.svg?label=" /> - Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.~~
~~Reflex <img align="bottom" height="13" src="https://img.shields.io/github/stars/mozilla/reflex.svg?label=" /> - Functional reactive UI library.~~
Riot <img align="bottom" height="13" src="https://img.shields.io/github/stars/riot/riot.svg?label=" /> - Simple and elegant component-based UI library.
~~rxdomh <img align="bottom" height="13" src="https://img.shields.io/github/stars/xialvjun/rx-domh.svg?label=" /> - Create DOM element and bind observables on it.~~
San <img align="bottom" height="13" src="https://img.shields.io/github/stars/ecomfe/san.svg?label=" /> - A Flexible JavaScript Component Framework.
~~Simulacra.js <img align="bottom" height="13" src="https://img.shields.io/github/stars/daliwali/simulacra.svg?label=" /> - Data-binding function for the DOM.~~
Slim.js <img align="bottom" height="13" src="https://img.shields.io/github/stars/eavichay/slim.js.svg?label=" /> - Fast & Robust Front-End Micro-framework based on modern standards.
STEM.JS <img align="bottom" height="13" src="https://img.shields.io/github/stars/mciucu/stemjs.svg?label=" /> - Another javascript framework.
Stimulus <img align="bottom" height="13" src="https://img.shields.io/github/stars/hotwired/stimulus.svg?label=" /> - A modest JavaScript framework for the HTML you already have
~~Surplus <img align="bottom" height="13" src="https://img.shields.io/github/stars/adamhaile/surplus.svg?label=" /> - High performance JSX web views for S.js applications.~~
~~Thermite <img align="bottom" height="13" src="https://img.shields.io/github/stars/paf31/purescript-thermite.svg?label=" /> - A simple PureScript wrapper for React.~~
~~TSERS <img align="bottom" height="13" src="https://img.shields.io/github/stars/tsers-js/core.svg?label=" /> - Transform-Signal-Executor framework for Reactive Streams.~~
~~Superfine <img align="bottom" height="13" src="https://img.shields.io/github/stars/jorgebucaran/superfine.svg?label=" /> - Absolutely minimal view layer for building web interfaces.~~
~~Vidom <img align="bottom" height="13" src="https://img.shields.io/github/stars/dfilatov/vidom.svg?label=" /> - Library to build UI based on virtual DOM.~~
Vuera <img align="bottom" height="13" src="https://img.shields.io/github/stars/akxcv/vuera.svg?label=" /> - Vue in React, React in Vue. Seamless integration of the two.
WebCell <img align="bottom" height="13" src="https://img.shields.io/github/stars/EasyWebApp/WebCell.svg" /> - Web Components engine based on JSX & TypeScript

State of the React

~~Constate <img align="bottom" height="13" src="https://img.shields.io/github/stars/diegohaz/constate.svg?label=" /> - React Context + State.~~
Easy Peasy <img align="bottom" height="13" src="https://img.shields.io/github/stars/ctrlplusb/easy-peasy.svg?label=" /> - Vegetarian friendly state for React.
Hox <img align="bottom" height="13" src="https://img.shields.io/github/stars/umijs/hox.svg?label=" /> - The next-generation state manager for React.
icestore <img align="bottom" height="13" src="https://img.shields.io/github/stars/ice-lab/icestore.svg?label=" /> - The next-generation state manager for React.
Jotai <img align="bottom" height="13" src="https://img.shields.io/github/stars/pmndrs/jotai.svg?label=" /> - Primitive and flexible state management for React.
MobX <img align="bottom" height="13" src="https://img.shields.io/github/stars/mobxjs/mobx.svg?label=" /> - Simple, scalable state management.
Recoil <img align="bottom" height="13" src="https://img.shields.io/github/stars/facebookexperimental/Recoil.svg?label=" /> - Recoil is an experimental state management library for React apps.
~~React Easy State <img align="bottom" height="13" src="https://img.shields.io/github/stars/RisingStack/react-easy-state.svg?label=" /> - Simple React state management. Made with ❤️ and ES6 Proxies.~~
Redux Toolkit <img align="bottom" height="13" src="https://img.shields.io/github/stars/reduxjs/redux-toolkit.svg?label=" /> - The official, opinionated, batteries-included toolset for efficient Redux development
react-hooks-global-state <img align="bottom" height="13" src="https://img.shields.io/github/stars/dai-shi/react-hooks-global-state.svg?label=" /> - Simple global state for React with Hooks API without Context API.
rematch <img align="bottom" height="13" src="https://img.shields.io/github/stars/rematch/rematch.svg?label=" /> - State management with statecharts..
~~Unistore <img align="bottom" height="13" src="https://img.shields.io/github/stars/developit/unistore.svg?label=" /> - 350b/650b state container with component actions for Preact & React.~~
unstated-next <img align="bottom" height="13" src="https://img.shields.io/github/stars/jamiebuilds/unstated-next.svg?label=" /> - 200 bytes to never think about React state management libraries ever again.
useStateMachine <img align="bottom" height="13" src="https://img.shields.io/github/stars/cassiozen/useStateMachine.svg?label=" /> - The ½ kb state machine hook for React.
Valtio <img align="bottom" height="13" src="https://img.shields.io/github/stars/pmndrs/valtio.svg?label=" /> - Valtio makes proxy-state simple for React and Vanilla.
zustand <img align="bottom" height="13" src="https://img.shields.io/github/stars/pmndrs/zustand.svg?label=" /> - Bear necessities for state management in React.

Web Components

Components

amp <img align="bottom" height="13" src="https://img.shields.io/github/stars/ampproject/amphtml.svg?label=" /> - The AMP web component framework.
bolt <img align="bottom" height="13" src="https://img.shields.io/github/stars/boltdesignsystem/bolt.svg?label=" /> The Bolt Design System provides robust Twig and Web Component.
~~Clarity~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/vmware/clarity.svg?label=" /> - Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components.
Material Web <img align="bottom" height="13" src="https://img.shields.io/github/stars/material-components/material-web.svg?label=" /> - Material Design Web Components.
Fast <img align="bottom" height="13" src="https://img.shields.io/github/stars/microsoft/fast.svg?label=" /> - The adaptive interface system for modern web experiences.
Lion <img align="bottom" height="13" src="https://img.shields.io/github/stars/ing-bank/lion.svg?label=" /> - Fundamental white label web component features for your design system.
Nude UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/LeaVerou/nudeui.svg?label=" /> - Lea's kitchen sink of form components. WIP.
Shoelace <img align="bottom" height="13" src="https://img.shields.io/github/stars/shoelace-style/shoelace.svg?label=" /> - A collection of professionally designed, every day UI components built on a framework-agnostic technology.
UI5 Web Components <img align="bottom" height="13" src="https://img.shields.io/github/stars/SAP/ui5-webcomponents.svg?label=" /> - the enterprise-flavored sugar on top of native APIs.
~~Wired Elements~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/rough-stuff/wired-elements.svg?label=" /> - Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
xy-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/XboxYan/xy-ui.svg?label=" /> - 面向未来的原生 web components UI组件库

Tools

~~Corpuscule~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/corpusculejs/corpuscule.svg?label=" /> - Small Web Components framework based on decorators.
DNA <img align="bottom" height="13" src="https://img.shields.io/github/stars/chialab/dna.svg?label=" /> - Progressive Web Components library.
~~jsx-for-web-components~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/slogsdon/jsx-for-web-components.svg?label=" /> - A basic JSX factory for use in projects leveraging web components.
LWC <img align="bottom" height="13" src="https://img.shields.io/github/stars/salesforce/lwc.svg?label=" /> - A Blazing Fast, Enterprise-Grade Web Components Foundation.
Lit <img align="bottom" height="13" src="https://img.shields.io/github/stars/lit/lit.svg?label=" /> - Lit is a simple library for building fast, lightweight web components.
Panel <img align="bottom" height="13" src="https://img.shields.io/github/stars/mixpanel/panel.svg?label=" /> - Web Components + Virtual DOM: web standards for powerful UIs.
Stencil <img align="bottom" height="13" src="https://img.shields.io/github/stars/ionic-team/stencil.svg?label=" /> - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards.
~~Skate~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/skatejs/skatejs.svg?label=" /> - Effortless custom elements powered by modern view libraries.
slim.js <img align="bottom" height="13" src="https://img.shields.io/github/stars/slimjs/slim.js.svg?label=" /> - Fast & Robust Front-End Micro-framework based on modern standards.
Tonic <img align="bottom" height="13" src="https://img.shields.io/github/stars/socketsupply/tonic.svg?label=" /> - A Low Profile Component Framework – Stable, minimal, easy to audit, zero-dependencies and build-tool-free.

UI Components

React

<a href="https://github.com/facebook/react"><img src="./assets/react.svg" height="14px" /></a> React based component library.

uiw <img align="bottom" height="13" src="https://img.shields.io/github/stars/uiwjs/uiw.svg?label=" /> - A high quality UI Toolkit, A Component Library for React.
AgnosticUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/agnosticui/agnosticui.svg?label=" /> - Accessible Component Primitives that work with React, Vue 3, Svelte, and Angular
ANT DESIGN <img align="bottom" height="13" src="https://img.shields.io/github/stars/ant-design/ant-design.svg?label=" /> - A UI Design Language.
Arco Design <img align="bottom" height="13" src="https://img.shields.io/github/stars/arco-design/arco-design.svg?label=" /> - A comprehensive React UI components library.
Atlassian UI Atlassian's official UI library, built according to the Atlassian Design Guidelines.
Amaze UI React <img align="bottom" height="13" src="https://img.shields.io/github/stars/amazeui/amazeui-react.svg?label=" /> - Amaze UI components built with React.js.
Arwes <img align="bottom" height="13" src="https://img.shields.io/github/stars/arwesjs/arwes.svg?label=" /> - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps.
Ariakit <img align="bottom" height="13" src="https://img.shields.io/github/stars/ariakit/ariakit.svg?label=" /> - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps.
AdmiralDS React UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/AdmiralDS/react-ui.svg?label=" /> - Сторибук компонентов React на основе дизайн системы Адмирал 2.1
Backpack <img align="bottom" height="13" src="https://img.shields.io/github/stars/Skyscanner/backpack.svg?label=" /> - Backpack Design System.
Base UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/uber-web/baseui.svg?label=" /> - Base Web React Components.
Blueprint <img align="bottom" height="13" src="https://img.shields.io/github/stars/palantir/blueprint.svg?label=" /> - Blueprint is a React-based UI toolkit for the web.
Bloom <img align="bottom" height="13" src="https://img.shields.io/github/stars/appearhere/bloom.svg?label=" /> - Bloom acts as a central repository for reuseable React components.
Belle <img align="bottom" height="13" src="https://img.shields.io/github/stars/nikgraf/belle.svg?label=" /> - Configurable React Components with great UX.
Blue <img align="bottom" height="13" src="https://img.shields.io/github/stars/helpscout/blue.svg?label=" /> - A React UI Component Suites living for enterprise application.
Buttercup UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/buttercup/ui.svg?label=" /> - React UI Components used in Buttercup products.
Carbon <img align="bottom" height="13" src="https://img.shields.io/github/stars/IBM/carbon-components-react.svg?label=" /> - React components according to IBM’s.
Chakra <img align="bottom" height="13" src="https://img.shields.io/github/stars/chakra-ui/chakra-ui.svg?label=" /> - Simple, Modular & Accessible UI Components for your React Applications.
ChatUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/alibaba/ChatUI.svg?label=" /> - The UI design language and React library for Conversational UI.
cloud-react <img align="bottom" height="13" src="https://img.shields.io/github/stars/ShuyunFF2E/cloud-react.svg?label=" /> - 数云 PC端 react 基础组件。
design-blocks <img align="bottom" height="13" src="https://img.shields.io/github/stars/froala/react-froala-design-blocks.svg?label=" /> - React implementation for Froala Design Blocks.
DevUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/DevCloudFE/react-devui.svg?label=" /> - UI components based on React and DevUI Design.
Evergreen <img align="bottom" height="13" src="https://img.shields.io/github/stars/segmentio/evergreen.svg?label=" /> - Evergreen React UI Framework by Segment.
EBS Design System <img align="bottom" height="13" src="https://img.shields.io/github/stars/ebs-integrator/ebs-design.svg?label=" /> - A React-based UI toolkit for enterprise grade applications.
Echo UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/codeacme17/echo-ui.svg?label=" /> - A high-performance and out-of-the-box web audio API component library, build with React and TailwindCSS.
Element React <img align="bottom" height="13" src="https://img.shields.io/github/stars/ElemeFE/element-react.svg?label=" /> - A collection of essential UI components written with React.
~~ExtReact~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/sencha/ext-react.svg?label=" /> - Use Ext JS components in React.
~~Fannypack~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/jxom/fannypack.svg?label=" /> - A friendly, themeable, accessible React UI Kit built with Reakit.
Foundation <img align="bottom" height="13" src="https://img.shields.io/github/stars/nordsoftware/react-foundation.svg?label=" /> - Foundation as React components.
Fyndiq UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/fyndiq/fyndiq-ui.svg?label=" /> - Library of reusable components for Fyndiq.
Fluent UI Web <img align="bottom" height="13" src="https://img.shields.io/github/stars/microsoft/fluentui.svg?label=" /> - Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Fusion Design <img align="bottom" height="13" src="https://img.shields.io/github/stars/alibaba-fusion/next.svg?label=" /> - A configurable component library for web built on React.
Elemental UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/elementalui/elemental.svg?label=" /> - A flexible and beautiful UI framework for React.js.
~~Fluent UI React~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/microsoft/fluent-ui-react.svg?label=" /> - A themable React component library.
Garden <img align="bottom" height="13" src="https://img.shields.io/github/stars/zendeskgarden/react-components.svg?label=" /> - Garden React components based on garden css.
Geist UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/geist-org/react.svg?label=" /> - Modern and minimalist React UI library.
Gestalt <img align="bottom" height="13" src="https://img.shields.io/github/stars/pinterest/gestalt.svg?label=" /> - A set of React UI components that supports Pinterest’s design language.
govuk-react <img align="bottom" height="13" src="https://img.shields.io/github/stars/govuk-react/govuk-react.svg?label=" /> - An implementation of the GOV.UK Design System in React using CSSinJS.
Grommet <img align="bottom" height="13" src="https://img.shields.io/github/stars/grommet/grommet.svg?label=" /> - Focus on the essential experience.
Hack Club Design System <img align="bottom" height="13" src="https://img.shields.io/github/stars/hackclub/design-system.svg?label=" /> - A react UIKit with nijigen style.
hana-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/hana-group/hana-ui.svg?label=" /> - A react UIKit with nijigen style.
HIUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/XiaoMi/hiui.svg?label=" /> This is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.
Instructure UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/instructure/instructure-ui.svg?label=" /> - A UI Component Library made by Instructure, Inc.
ICE DISIGN <img align="bottom" height="13" src="https://img.shields.io/github/stars/alibaba/ice.svg?label=" /> - 海量可复用物料，通过 GUI 工具极速构建中后台应用.
~~Klarna UI~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/klarna/ui.svg?label=" /> - Klarna's UI components library.
KhanAcademy React <img align="bottom" height="13" src="https://img.shields.io/github/stars/Khan/react-components.svg?label=" /> - Klarna's UI components library.
KDesign <img align="bottom" height="13" src="https://img.shields.io/github/stars/kingdee/kdesign.svg?label=" /> - An enterprise-class React UI components library.
Kuma UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/kuma-ui/kuma-ui.svg?label=" /> - A Headless, Utility-First, and Zero-Runtime UI Component Library.
Lodgify <img align="bottom" height="13" src="https://img.shields.io/github/stars/TrendingTechnology/lodgify-ui.svg?label=" /> - React components for building amazing websites with Lodgify.
Material-UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/callemall/material-ui.svg?label=" /> - React components that implement Google's Material Design.
Modul UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/brcportal2/modul-ui.svg?label=" /> - Modul UI React components.
MDBootstrap <img align="bottom" height="13" src="https://img.shields.io/github/stars/mdbootstrap/React-Bootstrap-with-Material-Design.svg?label=" /> - React Bootstrap with Material Design.
Mantine <img align="bottom" height="13" src="https://img.shields.io/github/stars/mantinedev/mantine.svg?label=" /> - React components library with native dark theme support.
Magic UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/magicuidesign/magicui.svg?label=" /> - UI Library for Design Engineers.
NextUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/nextui-org/nextui.svg?label=" /> - Beautiful, fast and modern React UI library.
Office UI Fabric <img align="bottom" height="13" src="https://img.shields.io/github/stars/OfficeDev/office-ui-fabric-react.svg?label=" /> - React components for building experiences for Office and Office 365.
Orbit <img align="bottom" height="13" src="https://img.shields.io/github/stars/kiwicom/orbit-components.svg?label=" /> - Public repository of Orbit Components of Kiwi.com.
oneui <img align="bottom" height="13" src="https://img.shields.io/github/stars/textkernel/oneui.svg?label=" /> - Textkernel OneUI library of reusable UI components.
Open UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/openui/open-ui.svg?label=" /> - Textkernel OneUI library of reusable UI components.
PatternFly React <img align="bottom" height="13" src="https://img.shields.io/github/stars/patternfly/patternfly-react.svg?label=" /> - A set of React components for the PatternFly project.
Prismane <img align="bottom" height="13" src="https://img.shields.io/github/stars/prismaneui/prismane.svg?label=" /> - Prismane is an innovative have-it-all React UI library.
Polaris React <img align="bottom" height="13" src="https://img.shields.io/github/stars/Shopify/polaris.svg?label=" /> - Shopify’s product component library.
Pivotal UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/pivotal-cf/pivotal-ui.svg?label=" /> - Pivotal UI is a collection of React components that are styled for the Pivotal brand.
Prime React <img align="bottom" height="13" src="https://img.shields.io/github/stars/primefaces/primereact.svg?label=" /> - is a collection of rich UI components for React.
Primer <img align="bottom" height="13" src="https://img.shields.io/github/stars/primer/components.svg?label=" /> - Primer React components.
Precise UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/ZEISS/precise-ui.svg?label=" /> - React UI Component Library powered by ZEISS.
rbx <img align="bottom" height="13" src="https://img.shields.io/github/stars/dfee/rbx.svg?label=" /> - The Comprehensive Bulma UI Framework for React.
reactjs-components <img align="bottom" height="13" src="https://img.shields.io/github/stars/dfee/rbx.svg?label=" /> - A library of reusable React components.
reactstrap <img align="bottom" height="13" src="https://img.shields.io/github/stars/reactstrap/reactstrap.svg?label=" /> - Simple React Bootstrap 4 components.
Reakit <img align="bottom" height="13" src="https://img.shields.io/github/stars/reakit/reakit.svg?label=" /> - Toolkit for building really interactive UIs with React.
React95 <img align="bottom" height="13" src="https://img.shields.io/github/stars/React95/React95.svg?label=" /> - A React components library with Win95 UI.
RSUITE <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite.svg?label=" /> - A suite of React components .
React Spectrum <img align="bottom" height="13" src="https://img.shields.io/github/stars/adobe/react-spectrum.svg?label=" /> - A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. From Adobe.
Radix Primitives <img align="bottom" height="13" src="https://img.shields.io/github/stars/radix-ui/primitives.svg?label=" /> - An open-source UI component library for building high-quality, accessible design systems and web apps.
React Material Web Components <img align="bottom" height="13" src="https://img.shields.io/github/stars/rmwc/rmwc.svg?label=" /> - A collection of JetBrains Web UI components.
Ring UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/JetBrains/ring-ui.svg?label=" /> - A collection of JetBrains Web UI components.
React UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/Lobos/react-ui.svg?label=" /> - React Components，base on bootstrap 4.0.
React-Bootstrap <img align="bottom" height="13" src="https://img.shields.io/github/stars/react-bootstrap/react-bootstrap.svg?label=" /> - The most popular front-end framework, rebuilt for React.
Restart UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/react-restart/ui.svg?label=" /> - A set of full featured, extensible, and accessible UI components, designed to integrate into any styling framework or system.
React Bootstrap <img align="bottom" height="13" src="https://img.shields.io/github/stars/reactstrap/reactstrap.svg?label=" /> - Simple React Bootstrap 4 components.
React Desktop <img align="bottom" height="13" src="https://img.shields.io/github/stars/gabrielbull/react-desktop.svg?label=" /> - React UI Components for macOS High Sierra and Windows 10.
react-materialize <img align="bottom" height="13" src="https://img.shields.io/github/stars/react-materialize/react-materialize.svg?label=" /> - Material design for react, powered by materializecss.
React-md <img align="bottom" height="13" src="https://img.shields.io/github/stars/mlaursen/react-md.svg?label=" /> - React Material Design - React components built with sass.
React-Ionic <img align="bottom" height="13" src="https://img.shields.io/github/stars/pors/reactionic.svg?label=" /> - React Ionic: We are looking for a new maintainer!
React Responsive UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/catamphetamine/react-responsive-ui.svg?label=" /> - Responsive React UI components!
React-WeUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/weui/react-weui.svg?label=" /> - A collection of essential UI components written with React.
~~React-UWP~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/myxvisual/react-uwp.svg?label=" /> - React Components that Implement Microsoft's UWP Design & Fluent Design.
React Toolbox <img align="bottom" height="13" src="https://img.shields.io/github/stars/react-toolbox/react-toolbox.svg?label=" /> - Is a set of React components that implement Google's Material Design specification.
Reach UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/reach/reach-ui.svg?label=" /> - The Accessible Foundation for React Apps and Design Systems.
Redition <img align="bottom" height="13" src="https://img.shields.io/github/stars/balena-io-modules/rendition.svg?label=" /> - A library of React UI components.
Rebass <img align="bottom" height="13" src="https://img.shields.io/github/stars/rebassjs/rebass.svg?label=" /> - Functional React UI component library, built with styled-components .
~~react-uikit-components~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/kbuechl/react-uikit-components.svg?label=" /> - React UIkit Components for the UIKit CSS framework.
Sancho UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/bmcmahen/sancho.svg?label=" /> - A themable React component library.
Shineout <img align="bottom" height="13" src="https://img.shields.io/github/stars/sheinsight/shineout.svg?label=" /> - A components library for React.
Semantic UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/Semantic-Org/Semantic-UI-React.svg?label=" /> - The official Semantic-UI-React integration.
Smooth UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/smooth-code/smooth-ui.svg?label=" /> - Modern React UI library. Code less, do more.
Smart React Components <img align="bottom" height="13" src="https://img.shields.io/github/stars/cevadtokatli/smart-react-components.svg?label=" /> - React UI Library for Styled Components.
Super Dispatch UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/superdispatch/web-ui.svg?label=" /> - Web Design System.
UXCore <img align="bottom" height="13" src="https://img.shields.io/github/stars/uxcore/uxcore.svg?label=" /> - A React UI Component Suites living for enterprise application.
tinper-bee <img align="bottom" height="13" src="https://img.shields.io/github/stars/iuap-design/tinper-bee.svg?label=" /> A component library based on the UI design language iUAP Design and React.
Tenon-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/tenon-io/tenon-ui.svg?label=" /> - Tenon accessible ui component library.
Tremor <img align="bottom" height="13" src="https://img.shields.io/github/stars/tremorlabs/tremor.svg?label=" /> - The React library to build dashboards fast..
Theme UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/system-ui/theme-ui.svg?label=" /> - Build consistent, themeable React apps based on constraint-based design principles.
Tiny UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/wangdicoder/tiny-ui.svg?label=" /> - A friendly UI component set for React.js
Yoshino-UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/Yoshino-UI/Yoshino.svg?label=" /> - 一个基于react的可定制化的pc端组件库.
Zent <img align="bottom" height="13" src="https://img.shields.io/github/stars/youzan/zent.svg?label=" /> - A collection of essential UI components written with React.
Zero-UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/AlphaGo88/Zero-UI.svg?label=" /> - An easy-to-use web UI component framework.
Zarm Web <img align="bottom" height="13" src="https://img.shields.io/github/stars/JeromeLin/zarm-web.svg?label=" /> - Web UI component framework.
zhui <img align="bottom" height="13" src="https://img.shields.io/github/stars/zhui-team/zhui.svg?label=" /> - A Chinese style component library of react.

Vue

<a href="https://github.com/vuejs/vue"><img src="./assets/vue.svg" height="14px" /></a> Vue based component library.

Ant Design Vue <img align="bottom" height="13" src="https://img.shields.io/github/stars/vueComponent/ant-design-vue.svg?label=" /> - Carbon design for VueJS.
at-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/AT-UI/at-ui.svg?label=" /> - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0.
amaze-vue <img align="bottom" height="13" src="https://img.shields.io/github/stars/smokingRabbit/amaze-vue.svg?label=" /> - UI Toolkit for Web, Vue2.0 .
ATUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/aliqin/atui.svg?label=" /> - A Vue.js 2.0 UI Toolkit for Web.
Antue <img align="bottom" height="13" src="https://img.shields.io/github/stars/zzuu666/antue.svg?label=" /> - A set of enterprise-class Vue UI components.
bootstrap-vue <img align="bottom" height="13" src="https://img.shields.io/github/stars/bootstrap-vue/bootstrap-vue.svg?label=" /> - Implementation of bootstrap-4 grid and components for Vue.js 2.
Buefy <img align="bottom" height="13" src="https://img.shields.io/github/stars/buefy/buefy.svg?label=" /> - Material Design UI library for Vuejs 2.0.
BalmUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/balmjs/ui-vue.svg?label=" /> - Next Generation Material UI for Vue.js.
Carvue.js <img align="bottom" height="13" src="https://img.shields.io/github/stars/CarvueJS/carbon-components-vue.svg?label=" /> - Carbon design for VueJS.
Element <img align="bottom" height="13" src="https://img.shields.io/github/stars/ElemeFE/element.svg?label=" /> - A Vue.js 2.0 UI Toolkit for Web.
Element Plus <img align="bottom" height="13" src="https://img.shields.io/github/stars/element-plus/element-plus.svg?label=" /> - A Vue.js 3 UI library.
fish-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/myliang/fish-ui.svg?label=" /> - A Vue.js 2.0 UI Toolkit for Web.
Fighting Design <img align="bottom" height="13" src="https://img.shields.io/github/stars/myliang/fish-ui.svg?label=" /> - Fighting design can quickly build interactive interfaces in vue3 applications.
gulu UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/FrankFang/gulu.svg?label=" /> - 轱辘，面向源码阅读者的 UI 框架.
HeyUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/heyui/heyui.svg?label=" /> - UI Toolkit for Web, Vue2.0 .
iView <img align="bottom" height="13" src="https://img.shields.io/github/stars/iview/iview.svg?label=" /> - A high quality UI Toolkit based on Vue.js.
jsmod-pc-vue <img align="bottom" height="13" src="https://img.shields.io/github/stars/chaogao/jsmod-pc-vue.svg?label=" /> - high scalability && freedom vue ui components.
Lew-UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/lewkamtao/Lew-UI.svg?label=" /> - A beautiful component library based on vue3
~~muse-ui~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/museui/muse-ui.svg?label=" /> - Material Design UI library for Vuejs 2.0.
Material Components Vue <img align="bottom" height="13" src="https://img.shields.io/github/stars/matsp/material-components-vue.svg?label=" /> - Material Design components for Vue.js.
N3-components <img align="bottom" height="13" src="https://img.shields.io/github/stars/N3-components/N3-components.svg?label=" /> Powerful Vue UI Library.
Naive UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/TuSimple/naive-ui.svg?label=" /> A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses Typescript.
~~owl-ui~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/dengwb1991/owl-ui.svg?label=" /> - Mobile UI component library.
PrimeVue <img align="bottom" height="13" src="https://img.shields.io/github/stars/sudheerj/primevue.svg?label=" /> - UI Components for Vue.
Quasar Framework <img align="bottom" height="13" src="https://img.shields.io/github/stars/quasarframework/quasar.svg?label=" /> - Material Component Framework for Vue.js 2.
Rubik UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/ccforward/rubik.svg?label=" /> - Material Design 风格的 Vue.js UI 组件库.
Radix Vue <img align="bottom" height="13" src="https://img.shields.io/github/stars/radix-vue/radix-vue.svg?label=" /> - Vue port of Radix UI Primitives.
Semantic UI Vue <img align="bottom" height="13" src="https://img.shields.io/github/stars/Semantic-UI-Vue/Semantic-UI-Vue.svg?label=" /> - Semantic UI Vue is the Vue integration for Semantic UI.
UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/vuejs/ui.svg?label=" /> - UI components for official Vue organization apps.
Uiv <img align="bottom" height="13" src="https://img.shields.io/github/stars/wxsms/uiv.svg?label=" /> - Is a Bootstrap 3 component library for Vue 2..
ui-vue-antd <img align="bottom" height="13" src="https://img.shields.io/github/stars/Aaronwn/ui-vue-antd.svg?label=" /> - Antd component library implemented with Vue.
unocss-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/cherryful/unocss-ui.svg?label=" /> - A simple Vue3 component library based on Unocss
vue-beauty <img align="bottom" height="13" src="https://img.shields.io/github/stars/FE-Driver/vue-beauty.svg?label=" /> - Beautiful UI components build with vue and ant design.
VEUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/ecomfe/veui.svg?label=" /> - Enterprise UI for Vue.js.
vue-antd <img align="bottom" height="13" src="https://img.shields.io/github/stars/vueComponent/ant-design-vue.svg?label=" /> - An enterprise-class UI components based on Ant Design 3.X and Vue.
vue-material <img align="bottom" height="13" src="https://img.shields.io/github/stars/vuematerial/vue-material.svg?label=" /> - Material design for Vue.js.
vuesax <img align="bottom" height="13" src="https://img.shields.io/github/stars/lusaxweb/vuesax.svg?label=" /> - Vuesax Frontend Vue Components.
vuetify <img align="bottom" height="13" src="https://img.shields.io/github/stars/vuetifyjs/vuetify.svg?label=" /> - Material Component Framework for Vue.js 2.
Vuikit <img align="bottom" height="13" src="https://img.shields.io/github/stars/vuikit/vuikit.svg?label=" /> - UIkit with all the power of Vue.
vue-weui <img align="bottom" height="13" src="https://img.shields.io/github/stars/adcentury/vue-weui.svg?label=" /> - WeUI Components with love of vue.js.
vue-bulma-components <img align="bottom" height="13" src="https://img.shields.io/github/stars/vouill/vue-bulma-components.svg?label=" /> - Translate Bulma css api to vue components.
v-semantic <img align="bottom" height="13" src="https://img.shields.io/github/stars/eddow/v-semantic.svg?label=" /> - Integration of semantic-ui2 with vue.js2.
vue-mdc-adapter <img align="bottom" height="13" src="https://img.shields.io/github/stars/stasson/vue-mdc-adapter.svg?label=" /> - Material Components for VueJS.
vuecidity - UI component framework for Vue.js 2.0.
Vuestic UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/epicmaxco/vuestic-ui.svg?label=" /> - Free and Open Source UI Library for Vue 3.
vx-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/yunfeihuang/vx-ui.svg?label=" /> - vue components.
zircleUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/zircleUI/zircleUI.svg?label=" /> - A circular zooming UI library.
xy-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/XboxYan/xy-ui.svg?label=" /> - 面向未来的原生 web components UI组件库。
zeit <img align="bottom" height="13" src="https://img.shields.io/github/stars/zeit-ui/vue.svg?label=" /> - Vue implementation for Zeit Style.

Angular

<a href="https://github.com/angular/angular"><img src="./assets/angular-icon.svg" height="14px" /></a> Angular based component library.

Alyle UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/A-l-y-l-e/Alyle-UI.svg?label=" /> - Minimal Design, a set of components for Angular.
Alauda UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/alauda/ui.svg?label=" /> - Internal Angular UI framework for Alauda Frontend Team.
Element Angular <img align="bottom" height="13" src="https://img.shields.io/github/stars/ElemeFE/element-angular.svg?label=" /> - Element Design components built on top of Angular 2
fuel-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/FuelInteractive/fuel-ui.svg?label=" /> - Bootstrap 4 components and directives for use in Angular 2
Material <img align="bottom" height="13" src="https://img.shields.io/github/stars/angular/material2.svg?label=" /> - Material Design components for Angular
ngOfficeUIFabric <img align="bottom" height="13" src="https://img.shields.io/github/stars/ngOfficeUIFabric/ng-officeuifabric.svg?label=" /> - A community-driven project that simplifies implementing Fabric in Angular-based apps
NG-ZORRO <img align="bottom" height="13" src="https://img.shields.io/github/stars/NG-ZORRO/ng-zorro-antd.svg?label=" /> - Ant Design of Angular
ng2-bootstrap <img align="bottom" height="13" src="https://img.shields.io/github/stars/valor-software/ngx-bootstrap.svg?label=" /> - Native Angular2 Bootstrap 3&4 components
ng-lightning <img align="bottom" height="13" src="https://img.shields.io/github/stars/ng-lightning/ng-lightning.svg?label=" /> - Native Angular 2 components & directives for Lightning Design System
~~ngSemantic~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/vladotesanovic/ngSemantic.svg?label=" /> - UI components based on Semantic UI
ngx-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/swimlane/ngx-ui.svg?label=" /> - Style and Component Library for Angular2 and beyond!
ng-devui <img align="bottom" height="13" src="https://img.shields.io/github/stars/DevCloudFE/ng-devui.svg?label=" /> - DevUI components based on Angular!
ng-bootstrap <img align="bottom" height="13" src="https://img.shields.io/github/stars/ng-bootstrap/ng-bootstrap.svg?label=" /> - Angular 4 directives for Bootstrap 4 by the ui-bootstrap team
prime-ng <img align="bottom" height="13" src="https://img.shields.io/github/stars/primefaces/primeng.svg?label=" /> - Collection of rich UI components for Angular 2
Teradata covalent <img align="bottom" height="13" src="https://img.shields.io/github/stars/Teradata/covalent.svg?label=" /> - UI Platform built on @angular/material 2.0
telerik-angular <img align="bottom" height="13" src="https://img.shields.io/github/stars/telerik/kendo-angular.svg?label=" /> - Kendo UI for Angular.
~~vmware clarity~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/vmware-archive/clarity.svg?label=" /> - Mostly a CSS only framework but some components are ported to Angular 2

Tailwind

tailwindcss <img align="bottom" height="13" src="https://img.shields.io/github/stars/tailwindlabs/tailwindcss.svg?label=" /> - A utility-first CSS framework for rapid UI development.
shadcn/ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/shadcn/ui.svg?label=" /> - Beautifully designed components built with Radix UI and Tailwind CSS.
Vechai UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/vechai/vechaiui.svg?label=" /> - A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS.
DaisyUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/saadeghi/daisyui.svg?label=" /> - Adds component classes like btn, card and more to Tailwind CSS.
Equal UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/Equal-UI/Equal.svg?label=" /> - Equal UI is a Vue 3 UI library empowered by Tailwindcss.
Float UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/MarsX-dev/floatui.svg?label=" /> Beautiful and responsive UI components and templates for React and Vue (soon) with Tailwind CSS.
Flowbite <img align="bottom" height="13" src="https://img.shields.io/github/stars/themesberg/flowbite-react.svg?label=" /> Flowbite React is an open-source UI component library built on top of Tailwind CSS with React components and based on the Flowbite Design System.
gitlab-ui <img align="bottom" height="13" src="https://img.shields.io/npm/dm/@gitlab/ui?label=" /> - GitLab UI is a UI component library that implements Pajamas, our design system.
Headless UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/tailwindlabs/headlessui.svg?label=" /> - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
LangUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/ahmadbilaldev/langui.svg?label=" /> - UI for your AI. Open Source Tailwind components tailored for your GPT, generative AI, and LLM projects.
Sailboat UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/sailboatui/sailboatui.svg?label=" /> - Sailboat UI is a modern UI component library for Tailwind CSS.
Tailwind-Elements <img align="bottom" height="13" src="https://img.shields.io/github/stars/mdbootstrap/Tailwind-Elements.svg?label=" /> - 𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates
Konsta UI Mobile UI components made with Tailwind CSS
Keep React Keep React is an open-source component library built on Tailwind CSS and React.js

San

<a href="https://github.com/ecomfe/san"><img src="./assets/san-icon.svg" height="16px" /></a> San is a flexible JavaScript component framework

san-mui <img align="bottom" height="13" src="https://img.shields.io/github/stars/ecomfe/san-mui.svg?label=" /> - A Set of SAN Components that Implement Google's Material Design

Mithril

Construct-UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/vrimar/construct-ui.svg?label=" /> - A Mithril.js UI library.
polythene <img align="bottom" height="13" src="https://img.shields.io/github/stars/ArthurClemens/polythene.svg?label=" /> - Material Design component library for Mithril and React

Svelte

Bits UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/huntabyte/bits-ui.svg?label=" /> - The headless components for Svelte.
ikun-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/ikun-svelte/ikun-ui.svg?label=" /> - A Svelte.js based UnoCSS UI library that allows you to make websites
Melt UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/melt-ui/melt-ui.svg?label=" /> - A set of headless, accessible component builders for Svelte.

WebCell

<a href="https://web-cell.dev/"><img src="https://github.com/EasyWebApp.png" height="16px" /></a> WebCell is a Web Components engine based on JSX & TypeScript

BootCell <img align="bottom" height="13" src="https://img.shields.io/github/stars/EasyWebApp/BootCell.svg?label=" /> - Web Components UI library based on WebCell v3 & BootStrap v5

All In

Support React, Angular and Vue

Ark UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/chakra-ui/ark.svg?label=" /> - A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks
Handsontable <img align="bottom" height="13" src="https://img.shields.io/github/stars/handsontable/handsontable.svg?label=" /> - JavaScript/HTML5 Data Grid Component with Spreadsheet Look & Feel
MUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/muicss/mui.svg?label=" /> - Lightweight CSS framework
Onsen UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/OnsenUI/OnsenUI.svg?label=" /> - Mobile app development framework and SDK using HTML5 and JavaScript.
Park UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/cschroeter/park-ui.svg?label=" /> - Beautifully designed components built on Ark UI that work for the JS and CSS frameworks of your choice.
KPC <img align="bottom" height="13" src="https://img.shields.io/github/stars/ksc-fe/kpc.svg?label=" /> - A UI components library for Intact, Vue, React and Angular.
storybook <img align="bottom" height="13" src="https://img.shields.io/github/stars/storybooks/storybook.svg?label=" /> - Interactive UI component dev & test: React, React Native, Vue, Angular
Zag <img align="bottom" height="13" src="https://img.shields.io/github/stars/chakra-ui/zag.svg?label=" /> - Finite state machines for accessible JavaScript components.

Tradition

Bootstrap <img align="bottom" height="13" src="https://img.shields.io/github/stars/twbs/bootstrap.svg?label=" /> - Create beautiful apps with modular and customizable UI components.
Bulma <img align="bottom" height="13" src="https://img.shields.io/github/stars/jgthms/bulma.svg?label=" /> - is a free and open source CSS framework based on Flexbox.
Pico.css <img align="bottom" height="13" src="https://img.shields.io/github/stars/picocss/pico.svg?label=" /> - Minimal CSS Framework for semantic HTML.
bootflat <img align="bottom" height="13" src="https://img.shields.io/github/stars/bootflat/bootflat.github.io.svg?label=" /> - BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework.
design-system <img align="bottom" height="13" src="https://img.shields.io/github/stars/salesforce-ux/design-system.svg?label=" /> - Salesforce Lightning Design System.
DXY-UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/jgthms/bulma.svg?label=" /> - DXY-UI是一套适用于桌面端的前端UI库，不包含任何JS，仅仅关注样式。
LuLu <img align="bottom" height="13" src="https://img.shields.io/github/stars/yued-fe/lulu.svg?label=" /> - LuLu UI for PC web.
Layui <img align="bottom" height="13" src="https://img.shields.io/github/stars/layui/layui.svg?label=" /> - 一款采用自身模块规范编写的情怀型前端UI框架.
Lit <img align="bottom" height="13" src="https://img.shields.io/github/stars/ajusa/lit.svg?label=" /> - A ridiculously small responsive css framework.
Material <img align="bottom" height="13" src="https://img.shields.io/github/stars/material-components/material-components-web.svg?label=" /> - Create beautiful apps with modular and customizable UI components.
Metro 4 <img align="bottom" height="13" src="https://img.shields.io/github/stars/olton/Metro-UI-CSS.svg?label=" /> - Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style.
MDUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/zdhxiong/mdui.svg?label=" /> - 一套用于开发 Material Design 网页的前端框架。
Mustard UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/material-components/material-components-web.svg?label=" /> - A starter CSS framework that actually looks good.
moye <img align="bottom" height="13" src="https://img.shields.io/github/stars/ecomfe/moye.svg?label=" /> - A Simple UI Library for ZX.
NES.css <img align="bottom" height="13" src="https://img.shields.io/github/stars/nostalgic-css/NES.css.svg?label=" /> - NES.css is NES-style (8bit-like) CSS Framework.
Pure.css <img align="bottom" height="13" src="https://img.shields.io/github/stars/yahoo/pure.svg?label=" /> - A set of small, responsive CSS modules that you can use in every web project.
photon <img align="bottom" height="13" src="https://img.shields.io/github/stars/connors/photon.svg?label=" /> - The fastest way to build beautiful Electron apps using simple HTML and CSS.
PaperCSS <img align="bottom" height="13" src="https://img.shields.io/github/stars/papercss/papercss.svg?label=" /> - The less formal CSS framework, with a quick and easy integration.
rui <img align="bottom" height="13" src="https://img.shields.io/github/stars/r-ui/rui.svg?label=" /> - 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。.
Shoelace <img align="bottom" height="13" src="https://img.shields.io/github/stars/shoelace-style/shoelace.svg?label=" /> - A collection of professionally designed, every day UI components built on a framework-agnostic technology.
spectre <img align="bottom" height="13" src="https://img.shields.io/github/stars/picturepan2/spectre.svg?label=" /> - A Lightweight, Responsive and Modern CSS Framework.
~~SUI~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/sdc-alibaba/SUI-Mobile.svg?label=" /> - A framework based on the development of Framework7 UI library.
~~SuperUI~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/tzhsweet/superui.svg?label=" /> - 让体验变得如此完美，开发变得如此简单。
svelte-spectre <img align="bottom" height="13" src="https://img.shields.io/github/stars/basf/svelte-spectre.svg?label=" /> - A Spectre kit for Svelte framework.
Tabler <img align="bottom" height="13" src="https://img.shields.io/github/stars/tabler/tabler.svg?label=" /> - is free and open-source HTML Dashboard UI Kit built on Bootstrap 4.
UIkit <img align="bottom" height="13" src="https://img.shields.io/github/stars/uikit/uikit.svg?label=" /> - A lightweight and modular front-end framework for developing fast and powerful web interfaces.
weui <img align="bottom" height="13" src="https://img.shields.io/github/stars/Tencent/weui.svg?label=" /> - tailor-made for WeChat web service.
ZUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/easysoft/zui.svg?label=" /> - 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。.

Mobile UI Components

React

Auto-UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/aotuzuche/auto-ui.svg?label=" /> - Auto UI Web Components for mobile devices based on React.
Annar <img align="bottom" height="13" src="https://img.shields.io/github/stars/aotuzuche/auto-ui.svg?label=" /> - 优雅、简洁的 Remax 组件库.
~~mazeui-touch~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/amazeui/amazeui-touch.svg?label=" /> - Web Components for mobile devices based on React.
~~nowui~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/iv-web/nowui.svg?label=" /> - A React.js UI Toolkit for Web.
VKUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/VKCOM/VKUI.svg?label=" /> - React components that can be used to create interfaces that look indistinguishable from our iOS and Android apps.
Yo <img align="bottom" height="13" src="https://img.shields.io/github/stars/doyoe/Yo.svg?label=" /> - Lightweight, easy-to-use, configurable, and extensible mobile front-end development framework..
yep-react <img align="bottom" height="13" src="https://img.shields.io/github/stars/jdf2e/yep-react.svg?label=" /> - yep react UI component.
Zarm <img align="bottom" height="13" src="https://img.shields.io/github/stars/ZhongAnTech/zarm.svg?label=" /> - 基于 React、React-Native 的移动端UI组件库

React Native

Components for React Native applications

Ant Design Mobile <img align="bottom" height="13" src="https://img.shields.io/github/stars/ant-design/ant-design-mobile-rn.svg?label=" /> - Ant Design for React Native.
~~blankapp/ui~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/GeekyAnts/NativeBase.svg?label=" /> - Highly customizable and theming components for React Native.
carbon-native <img align="bottom" height="13" src="https://img.shields.io/github/stars/carbon-native/carbon-native.svg?label=" /> - Essential cross-platform UI components for React Native.
kittenTricks <img align="bottom" height="13" src="https://img.shields.io/github/stars/akveo/kittenTricks.svg?label=" /> - A react native mobile starter kit with over 40 screens and theme hot reload support.
mCloud-Design-Mobile <img align="bottom" height="13" src="https://img.shields.io/github/stars/troila-mobile/mCloud-Design-Mobile.svg?label=" /> - mCloud Design Mobile for React Native.
NativeBase <img align="bottom" height="13" src="https://img.shields.io/github/stars/GeekyAnts/NativeBase.svg?label=" /> - Essential cross-platform UI components for React Native.
~~Nachos UI~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/nachos-ui/nachos-ui.svg?label=" /> - Nachos UI is a React Native component library.
Paper <img align="bottom" height="13" src="https://img.shields.io/github/stars/callstack/react-native-paper.svg?label=" /> - Material design for React Native.
panza <img align="bottom" height="13" src="https://img.shields.io/github/stars/panza-org/panza.svg?label=" /> - react-native stateless functional UI components to get you up and running quickly.
Rax <img align="bottom" height="13" src="https://img.shields.io/github/stars/alibaba/rax.svg?label=" /> - A universal React-compatible render engine.
react-native-ui-lib <img align="bottom" height="13" src="https://img.shields.io/github/stars/wix/react-native-ui-lib.svg?label=" /> - UI Components Library for React Native.
react-native-ui-kitten <img align="bottom" height="13" src="https://img.shields.io/github/stars/akveo/react-native-ui-kitten.svg?label=" /> - Customizable and reusable react-native component kit.
react-native-elements <img align="bottom" height="13" src="https://img.shields.io/github/stars/react-native-elements/react-native-elements.svg?label=" /> - Customizable and reusable react-native component kit.
react-native-uiw <img align="bottom" height="13" src="https://img.shields.io/github/stars/uiwjs/react-native-uiw.svg?label=" /> - UIW for React Native.
react-native-material-design <img align="bottom" height="13" src="https://img.shields.io/github/stars/react-native-material-design/react-native-material-design.svg?label=" /> - React Native UI Components for Material Design.
rnx-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/rnxteam/rnx-ui.svg?label=" /> - A UI Lib for React Native.
react-uikit <img align="bottom" height="13" src="https://img.shields.io/github/stars/react-uikit/react-uikit.svg?label=" /> - React and React Native components which implement Cards' Binary Design.
Tamagui <img align="bottom" height="13" src="https://img.shields.io/github/stars/tamagui/tamagui.svg?label=" /> - Universal UI kit and style system for React Native + Web.
teaset <img align="bottom" height="13" src="https://img.shields.io/github/stars/rilyu/teaset.svg?label=" /> - A UI library for react native, provides 20+ pure JS(ES6) components.
Shoutem UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/shoutem/ui.svg?label=" /> - Customizable set of components for React Native applications.
SaltUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/salt-ui/saltui.svg?label=" /> - SaltUI is a set of React UI components cooperated with DingTalk.
小暑 xiǎo shǔ <img align="bottom" height="13" src="https://img.shields.io/github/stars/24jieqi/react-native-xiaoshu.svg?label=" /> - React Native UI library.

Vue

cube-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/didi/cube-ui.svg?label=" /> - A fantastic mobile ui lib implement by Vue.js.
nutui <img align="bottom" height="13" src="https://img.shields.io/github/stars/jdf2e/nutui.svg?label=" /> A Vue.js 2.0 UI Toolkit for Mobile Web.
~~ml-ui~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/zdliuccit/ml-ui.svg?label=" /> - A personal 基于 Vue 2.0 的 Mobile 组件库 ml-ui.
Mand Mobile <img align="bottom" height="13" src="https://img.shields.io/github/stars/didi/mand-mobile.svg?label=" /> - A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios..
Mint UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/ElemeFE/mint-ui.svg?label=" /> - A personal Vue UI component library for Mobile.
Varlet <img align="bottom" height="13" src="https://img.shields.io/github/stars/varletjs/varlet.svg?label=" /> - Material design mobile component library for Vue3.
Vue Carbon <img align="bottom" height="13" src="https://img.shields.io/github/stars/myronliu347/vue-carbon.svg?label=" /> - Mobile UI Components Library based on Vue 2.0 at Weidian.
vux <img align="bottom" height="13" src="https://img.shields.io/github/stars/airyland/vux.svg?label=" /> - Mobile UI Components based on Vue & WeUI.
Vusion <img align="bottom" height="13" src="https://img.shields.io/github/stars/vusion/vusion-ui.svg?label=" /> - Vusion UI.
Vant <img align="bottom" height="13" src="https://img.shields.io/github/stars/youzan/vant.svg?label=" /> - A Vue.js 2.0 Mobile UI at YouZan.
vue-ydui <img align="bottom" height="13" src="https://img.shields.io/github/stars/ydcss/vue-ydui.svg?label=" /> - A mobile components Library with Vue2.js.
WDUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/wdfe/wdui.svg?label=" /> - Mobile UI Components Library based on Vue 2.0 at Weidian.
x-vui <img align="bottom" height="13" src="https://img.shields.io/github/stars/Brickies/vui.svg?label=" /> - A personal Vue UI component library for Mobile.

Wechat

iview-weapp <img align="bottom" height="13" src="https://img.shields.io/github/stars/TalkingData/iview-weapp.svg?label=" /> - 一套高质量的微信小程序 UI 组件库。
kai-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/Chaunjie/kai-ui.svg?label=" /> - 高颜值组件库，简单易用，同时支持原生和wepy框架。
taro-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/NervJS/taro-ui.svg?label=" /> - 一款基于 Taro 框架开发的多端 UI 组件库。
wa-ui <img align="bottom" height="13" src="https://img.shields.io/github/stars/liujians/Wa-UI.svg?label=" /> - 针对微信小程序整合的一套UI库。
weui-wxss <img align="bottom" height="13" src="https://img.shields.io/github/stars/Tencent/weui-wxss.svg?label=" /> - WeUI for 小程序。
weui-miniprogram <img align="bottom" height="13" src="https://img.shields.io/github/stars/wechat-miniprogram/weui-miniprogram.svg?label=" /> - 小程序WeUI组件库。
Wuss Weapp <img align="bottom" height="13" src="https://img.shields.io/github/stars/phonycode/wuss-weapp.svg?label=" /> - 一款高质量，组件齐全，高自定义的微信小程序 UI 组件库。
wx-charts <img align="bottom" height="13" src="https://img.shields.io/github/stars/xiaolin3303/wx-charts.svg?label=" /> - 微信小程序图表charts组件，Charts for WeChat small app。
wemark <img align="bottom" height="13" src="https://img.shields.io/github/stars/TooBug/wemark.svg?label=" /> - 微信小程序Markdown渲染库。
vant-weapp <img align="bottom" height="13" src="https://img.shields.io/github/stars/youzan/vant-weapp.svg?label=" /> - 高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞。
zanui-weapp <img align="bottom" height="13" src="https://img.shields.io/github/stars/youzan/zanui-weapp.svg?label=" /> - 高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞。

Tradition

AUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/liulangnan/aui.svg?label=" /> - 移动端UI快速布局解决方案，一个靠谱的高性能移动前端框架。
FrozenUI <img align="bottom" height="13" src="https://img.shields.io/github/stars/frozenui/frozenui.svg?label=" /> - FrozenUI的CSS组件库，基于腾讯手Q样式规范，腾讯QXD出品。
weui.js <img align="bottom" height="13" src="https://img.shields.io/github/stars/Tencent/weui.svg?label=" /> - A lightweight javascript library for WeUI.

Admin Template

React

ant-design-pro <img align="bottom" height="13" src="https://img.shields.io/github/stars/ant-design/ant-design-pro.svg?label=" /> - An out-of-box UI solution for enterprise applications.
antd-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/zuiidea/antd-admin.svg?label=" /> - A admin dashboard application demo built upon Ant Design and Dva.js.
admin-on-rest <img align="bottom" height="13" src="https://img.shields.io/github/stars/marmelab/admin-on-rest.svg?label=" /> - A frontend framework for building admin SPAs on top of REST services, using React and Material Design.
~~react-antd-admin~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/jiangxy/react-antd-admin.svg?label=" /> - 用React和Ant Design搭建的一个通用管理后台.
react-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/marmelab/react-admin.svg?label=" /> - A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design.
react-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/sxfad/react-admin.svg?label=" /> - 基于 Ant Design React 的管理系统架构.
~~react-antd~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/xiubug/react-antd.svg?label=" /> - 基于react + antd(1.x)实现的SPA后台管理系统模板.
react-material-admin-template <img align="bottom" height="13" src="https://img.shields.io/github/stars/rafaelhz/react-material-admin-template.svg?label=" /> - A simple responsive admin template using react and material-ui.
react-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/yezihaohao/react-admin.svg?label=" /> - react-admin system solution.
CoreUI Free React Admin & Dashboard Template <img align="bottom" height="13" src="https://img.shields.io/github/stars/coreui/coreui-free-react-admin-template.svg?label=" /> - Free Admin Panel Template for React.js.
reactSPA <img align="bottom" height="13" src="https://img.shields.io/github/stars/MuYunyun/reactSPA.svg?label=" /> - 一个后台管理系统模板
rsuite-management-system <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite-admin-template.svg?label=" /> - A management system template based on React Suite.
~~Materio Free MUI React NextJS Admin Template~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/themeselection/materio-mui-react-nextjs-admin-template-free.svg?" /> -Most Powerful & Comprehensive Free MUI React NextJS Admin Dashboard Template built for developers .
React Admin Templates Collection <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite-admin-template.svg?label=" /> - Amazing Collection of React Admin Templates by WrapPixel Team.
Amazing React Admin Templates <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite-admin-template.svg?label=" /> - A Collection of React Admin Templates by AdminMart Team.

Vue

avue <img align="bottom" height="13" src="https://img.shields.io/github/stars/nmxiaowei/avue.svg?label=" /> - 一个类似easyui那种去写vue的方案支持SSR(服务端渲染)和SPA(单例页面)。
CoPilot <img align="bottom" height="13" src="https://img.shields.io/github/stars/misterGF/CoPilot.svg?label=" /> - Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js.
D2 Admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/d2-projects/d2-admin.svg?label=" /> - An elegant dashboard.
Element UI Pro <img align="bottom" height="13" src="https://img.shields.io/github/stars/qidaizhe11/element-pro.svg?label=" /> - Vue 版 Ant Design Pro（基于 Element-ui 实现）。
~~Flow-UI~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/flow-ui/Flow-UI.svg?label=" /> - Flow-UI is a highly customizable UI framework based Seajs/jQuery.
~~iview-admin~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/iview/iview-admin.svg?label=" /> - Vue 2.0 admin management system template based on iView.
Keen-UI <img align="bottom" height="13" src="https://img.shields.io/github/stars/JosephusPaye/Keen-UI.svg?label=" /> - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
Materio-Free-Vuetify-Vuejs-Admin-Template <img align="bottom" height="13" src="https://img.shields.io/github/stars/themeselection/materio-vuetify-vuejs-admin-template-free.svg?label=" /> - It is the latest most developer-friendly :the_horns::skin-tone-2: & highly customizable:sparkles: Admin Dashboard Template based on Vuetify and Vuejs.
renren-fast-vue <img align="bottom" height="13" src="https://img.shields.io/github/stars/renrenio/renren-fast-vue.svg?label=" /> - 基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案。
vue-element-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/PanJiaChen/vue-element-admin.svg?label=" /> - vue2.0 admin / a management system template.
vue-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/vue-bulma/vue-admin.svg?label=" /> - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
~~vue-admin~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/taylorchen709/vue-admin.svg?label=" /> - admin template based on vuejs2 and element.
vuestic-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/epicmaxco/vuestic-admin.svg?label=" /> - Vue.js admin dashboard
~~vue-framework-wz~~ <img align="bottom" height="13" src="https://img.shields.io/github/stars/herozhou/vue-framework-wz.svg?label=" /> - This project is a background management framework, integrated rights management, login function, industrial UI components, node-cli and other functions, it is recommended to use.
vue-quasar-admin-example <img align="bottom" height="13" src="https://img.shields.io/github/stars/odranoelBR/vue-quasar-admin-example.svg?label=" /> - Example of quasar admin.
Vue TSX Admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/manyuemeiquqi/vue-tsx-admin.svg?label=" /> - About a modern Vue Admin. It is based on Vue3 and TSX，It's flexible.
vue2-element-touzi-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/wdlhao/vue2-element-touzi-admin.svg?label=" /> - 基于vue2.0 +vuex+ element-ui后台管理系统。
vue-antd-pro <img align="bottom" height="13" src="https://img.shields.io/github/stars/vueComponent/ant-design-vue-pro.svg?label=" /> - Use Ant Design Vue like a Pro!
vue-admin-next <img align="bottom" height="13" src="https://img.shields.io/github/stars/openfext/vue-admin-next.svg?label=" /> - Professional enterprise application with Multi-Module Design, Vue Composition API and Friendly User Interface. Online Demo
CoreUI Free Vue Admin & Dashboard Template <img align="bottom" height="13" src="https://img.shields.io/github/stars/coreui/coreui-free-vue-admin-template.svg?label=" /> - Free Admin Panel Template for Vue.js.
Sneat-Free-Vuetify-Vuejs-Admin-Template <img align="bottom" height="13" src="https://img.shields.io/github/stars/themeselection/sneat-vuetify-vuejs-admin-template-free.svg?label=" /> - Most developer-friendly & highly customizable Opensource & Free VueJS Admin Dashboard Template.
Vue Admin Templates Collection <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite-admin-template.svg?label=" /> - Amazing Collection of Vue Admin Templates by WrapPixel Team.
Amazing Vue Admin Templates <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite-admin-template.svg?label=" /> - A Collection of Vue Admin Templates by AdminMart Team.

Angular

angular-material-dashboard <img align="bottom" height="13" src="https://img.shields.io/github/stars/flatlogic/angular-material-dashboard.svg?label=" /> - Angular admin dashboard with material design.
blur-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/akveo/blur-admin.svg?label=" /> - Angular Bootstrap Admin Panel Framework.
ng-alain <img align="bottom" height="13" src="https://img.shields.io/github/stars/cipchk/ng-alain.svg?label=" /> - ng-zorro-antd admin panel front-end framework.
ngx-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/akveo/ngx-admin.svg?label=" /> - Admin dashboard template based on Angular 4+, Bootstrap 4.
ng-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/marmelab/ng-admin.svg?label=" /> - Add an AngularJS admin GUI to any RESTful API.
rdash-angular <img align="bottom" height="13" src="https://img.shields.io/github/stars/rdash/rdash-angular.svg?label=" /> - AngularJS implementation of the RDash admin dashboard theme.
CoreUI Free Angular Admin & Dashboard Template <img align="bottom" height="13" src="https://img.shields.io/github/stars/coreui/coreui-free-angular-admin-template.svg?label=" /> - Free Admin Panel Template for Angular.
Angular Admin Templates Collection <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite-admin-template.svg?label=" /> - Amazing Collection of Angular Admin Templates by WrapPixel Team.
Amazing Angular Admin Templates <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite-admin-template.svg?label=" /> - A Collection of Angular Admin Templates by AdminMart Team.

Other

AdminLTE <img align="bottom" height="13" src="https://img.shields.io/github/stars/almasaeed2010/AdminLTE.svg?label=" /> - AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x.
ace <img align="bottom" height="13" src="https://img.shields.io/github/stars/bopoda/ace.svg?label=" /> - Metis - Free Bootstrap Admin Dashboard Template.
Bootstrap-Admin-Template <img align="bottom" height="13" src="https://img.shields.io/github/stars/puikinsh/Bootstrap-Admin-Template.svg?label=" /> - Metis - Free Bootstrap Admin Dashboard Template.
Bootstrap-Admin-Theme <img align="bottom" height="13" src="https://img.shields.io/github/stars/VinceG/Bootstrap-Admin-Theme.svg?label=" /> - A generic admin theme built with Bootstrap free for both personal and commercial use.
Dashboard <img align="bottom" height="13" src="https://img.shields.io/github/stars/twbs/bootstrap.svg?label=" /> - Dashboard Template for Bootstrap.
dva-admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/pmg1989/dva-admin.svg?label=" /> - dva admin antd dashboard .
flakes <img align="bottom" height="13" src="https://img.shields.io/github/stars/kumailht/flakes.svg?label=" /> - Flakes is an Admin Template Framework. A combination of CSS Libraries, JavaScript Libraries and Design files that help you build business tools very quickly.
gentelella <img align="bottom" height="13" src="https://img.shields.io/github/stars/puikinsh/gentelella.svg?label=" /> - Free Bootstrap 3 Admin Template.
lumber <img align="bottom" height="13" src="https://img.shields.io/github/stars/ForestAdmin/lumber.svg?label=" /> - The Admin Interface Framework.
Light Admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/sn8/light-admin-bs3.svg?label=" /> - Light Admin is a lightweight Bootstrap 3 admin panel template.
Layuimini <img align="bottom" height="13" src="https://img.shields.io/github/stars/zhongshaofa/layuimini.svg?label=" /> - 后台 admin 前端模板，基于 layui 编写的最简洁、易用的后台框架模板。
modular-admin-html <img align="bottom" height="13" src="https://img.shields.io/github/stars/modularcode/modular-admin-html.svg?label=" /> - The Admin Interface Framework.
startbootstrap-sb-admin-2 <img align="bottom" height="13" src="https://img.shields.io/github/stars/StartBootstrap/startbootstrap-sb-admin-2.svg?label=" /> - A free, open source, Bootstrap admin theme created by Start Bootstrap.
Vali Admin <img align="bottom" height="13" src="https://img.shields.io/github/stars/pratikborsadiya/vali-admin.svg?label=" /> - Vali is a free, modular and easy to customize admin theme built using Bootstrap, SASS and Pug.js.
Sneat Free Bootstrap HTML Admin Template <img align="bottom" height="13" src="https://img.shields.io/github/stars/themeselection/sneat-html-admin-template-free.svg?label=" /> - Open-source & Easy to use Free Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout.
Bootstrap Admin Templates Collection <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite-admin-template.svg?label=" /> - Amazing Collection of Bootstrap Admin Templates by WrapPixel Team.
Amazing Bootstrap Admin Templates <img align="bottom" height="13" src="https://img.shields.io/github/stars/rsuite/rsuite-admin-template.svg?label=" /> - A Collection of Bootstrap Admin Templates by AdminMart Team.

Tools

CheatSheet

Bootstrap CheatSheet <img align="bottom" height="13" src="https://img.shields.io/github/stars/themeselection/bootstrap-cheatsheet.svg?label=" /> - An interactive list of Bootstrap classes, variables, and mixins. The only Bootstrap CheatSheet you will ever need.

Contributors

As always, thanks to our amazing contributors!

Made with github-action-contributors.

License

Licensed under the MIT License.

Awesome

Awesome UIKit

Contents

Frameworks

The Big Three

Historically Significant

Notable

Mobile

Mini Program

Rest of the Pack

State of the React

Web Components

Components

Tools

UI Components

React

Vue

Angular

Tailwind

San

Mithril

Svelte

WebCell

All In

Tradition

Mobile UI Components

React

React Native

Vue

Wechat

Tradition

Admin Template

React

Vue

Angular

Other

Tools

CheatSheet

Contributors

License