awesome-uikit
<div markdown="1"> <sup>Using <a href="https://wangchujiang.com/#/app" target="_blank">my app</a> is also a way to <a href="https://wangchujiang.com/#/sponsor" target="_blank">support</a> me:</sup> <br> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6758053530" title="Scap: Screenshot & Markup Edit for macOS"><img alt="Scap: Screenshot & Markup Edit" height="52" src="https://wangchujiang.com/appicon/scap.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6757317079" title="Screen Test for macOS"><img alt="Screen Test" height="52" src="https://wangchujiang.com/appicon/screen-test.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6755948110" title="Deskmark for macOS"><img alt="Deskmark" height="52" src="https://wangchujiang.com/appicon/deskmark.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6500434773" title="Keyzer for macOS"><img alt="Keyzer" height="52" src="https://wangchujiang.com/appicon/keyzer.png"></a> <a target="_blank" href="https://github.com/jaywcjlove/vidwall-hub" title="Vidwall Hub for macOS"><img alt="Vidwall Hub" height="52" src="https://wangchujiang.com/appicon/vidwall-hub.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6752624705" title="VidCrop for macOS"><img alt="VidCrop" height="52" src="https://wangchujiang.com/appicon/vidcrop.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6747587746" title="Vidwall for macOS"><img alt="Vidwall" height="52" src="https://wangchujiang.com/appicon/vidwall.png"></a> <a target="_blank" href="https://wangchujiang.com/mousio-hint/" title="Mousio Hint for macOS"><img alt="Mousio Hint" height="52" src="https://wangchujiang.com/appicon/mousio-hint.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6746747327" title="Mousio for macOS"><img alt="Mousio" height="52" src="https://wangchujiang.com/appicon/mousio.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6745227444" title="Musicer for macOS"><img alt="Musicer" height="52" src="https://wangchujiang.com/appicon/musicer.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6743841447" title="Audioer for macOS"><img alt="Audioer" height="52" src="https://wangchujiang.com/appicon/audioer.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6744690194" title="FileSentinel for macOS"><img alt="FileSentinel" height="52" src="https://wangchujiang.com/appicon/file-sentinel.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6743495172" title="FocusCursor for macOS"><img alt="FocusCursor" height="52" src="https://wangchujiang.com/appicon/focus-cursor.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6742680573" title="Videoer for macOS"><img alt="Videoer" height="52" src="https://wangchujiang.com/appicon/videoer.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6740425504" title="KeyClicker for macOS"><img alt="KeyClicker" height="52" src="https://wangchujiang.com/appicon/key-clicker.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6739052447" title="DayBar for macOS"><img alt="DayBar" height="52" src="https://wangchujiang.com/appicon/daybar.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6739444407" title="Iconed for macOS"><img alt="Iconed" height="52" src="https://wangchujiang.com/appicon/iconed.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6737160756" title="Menuist for macOS"><img alt="Menuist" height="52" src="https://wangchujiang.com/appicon/rightmenu-master.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6723903021" title="Paste Quick for macOS"><img alt="Quick RSS" height="52" src="https://wangchujiang.com/appicon/paste-quick.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6670696072&platform=mac" title="Quick RSS for macOS/iOS"><img alt="Quick RSS" height="52" src="https://wangchujiang.com/appicon/quick-rss.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6670167443" title="Web Serve for macOS"><img alt="Web Serve" height="52" src="https://wangchujiang.com/appicon/web-serve.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6503953628&platform=mac" title="Copybook Generator for macOS/iOS"><img alt="Copybook Generator" height="52" src="https://wangchujiang.com/appicon/copybook-generator.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6471227008&platform=mac" title="DevTutor for macOS/iOS"><img alt="DevTutor for SwiftUI" height="52" src="https://wangchujiang.com/appicon/devtutor.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6479819388&platform=mac" title="RegexMate for macOS/iOS"><img alt="RegexMate" height="52" src="https://wangchujiang.com/appicon/regex-mate.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6479194014&platform=mac" title="Time Passage for macOS/iOS"><img alt="Time Passage" height="52" src="https://wangchujiang.com/appicon/time-passage.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6478772538" title="IconizeFolder for macOS"><img alt="Iconize Folder" height="52" src="https://wangchujiang.com/appicon/iconize-folder.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6478511402&platform=mac" title="Textsound Saver for macOS/iOS"><img alt="Textsound Saver" height="52" src="https://wangchujiang.com/appicon/textsound-saver.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6476924627" title="Create Custom Symbols for macOS"><img alt="Create Custom Symbols" height="52" src="https://wangchujiang.com/appicon/create-custom-symbols.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6476452351" title="DevHub for macOS"><img alt="DevHub" height="52" src="https://wangchujiang.com/appicon/devhub.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6476400184" title="Resume Revise for macOS"><img alt="Resume Revise" height="52" src="https://wangchujiang.com/appicon/resume-revise.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6472593276" title="Palette Genius for macOS"><img alt="Palette Genius" height="52" src="https://wangchujiang.com/appicon/palette-genius.png"></a> <a target="_blank" href="https://jaywcjlove.github.io/maslink/?id=6470879005" title="Symbol Scribe for macOS"><img alt="Symbol Scribe" height="52" src="https://wangchujiang.com/appicon/symbol-scribe.png"></a> </div> <hr> <!--idoc:ignore:start--> Awesome UIKit === <!--idoc:ignore:end--> [](https://jaywcjlove.github.io/#/sponsor) [](https://x.com/jaywcjlove) [](https://github.com/jaywcjlove/awesome-uikit) [](https://github.com/jaywcjlove/awesome-uikit/actions/workflows/ci.yml) [](https://hub.docker.com/r/wcjiang/awesome-uikit) Collect JS Frameworks, Web components library and Admin Template. <a href="https://github.com/facebook/react"><img src="./assets/react.svg" height="64px" /></a> <a href="https://github.com/vuejs/vue"><img src="./assets/vue.svg" height="64px" /></a> <a href="https://github.com/angular/angular"><img src="./assets/angular-icon.svg" height="64px" /></a> <a href="https://github.com/twbs/bootstrap"><img src="./assets/bootstrap.svg" height="64px" /></a> <a href="https://github.com/uiwjs/uiw"><img src="./assets/uiw.svg" height="64px" /></a> <a href="https://github.com/ant-design/ant-design"><img src="./assets/antd.svg" height="64px" /></a> <a href="https://github.com/iview/iview"><img src="./assets/iview.png" height="64px" /></a> <a href="https://github.com/vuetifyjs/vuetify"><img src="./assets/vuetifyjs.svg" height="64px" /></a> <a href="https://github.com/FE-Driver/vue-beauty"><img src="./assets/Vue-Beauty.png" height="64px" /></a> <a href="https://github.com/ecomfe/san-mui"><img src="./assets/san-icon.svg" height="64px" /></a> <a href="https://github.com/EasyWebApp/WebCell"><img src="https://github.com/EasyWebApp.png" height="64px" /></a> <!--idoc:ignore:start--> Contents --- - [Frameworks](#frameworks) - [The Big Three](#the-big-three) - [Historically Significant](#historically-significant) - [Notable](#notable) - [Mobile](#mobile) - [Mini Program](#mini-program) - [Rest of the Pack](#rest-of-the-pack) - [State of the React](#state-of-the-react) - [Web Components](#web-components) - [Components](#components) - [Tools](#tools) - [UI Components](#ui-components) - [React](#react) - [React Native](#react-native) - [Vue](#vue) - [Angular](#angular) - [Tailwind](#tailwind) - [San](#san) - [Mithril](#mithril) - [WebCell](#webcell) - [Svelte](#svelte) - [All In](#all-in) - [Tradition](#tradition) - [Mobile UI Components](#mobile-ui-components) - [React](#react-1) - [React Native](#react-native) - [Vue](#vue-1) - [Wechat](#wechat-1) - [Tradition](#tradition-1) - [Admin Template](#admin-template) - [React](#react-2) - [Vue](#vue-2) - [Angular](#angular-1) - [Other](#other) - [Icon Libraries](#icon-libraries) - [Tools](#tools) - [CheatSheet](#cheatsheet) <!--idoc:ignore:end--> **Explanation** ![Open-Source Software][OSS Icon] means **open source**, click to enter **open source** repo; ![hot][hot Icon] means **hot**; ## Frameworks Most of this comes from: [The Ultimate Guide to JavaScript Frameworks](https://jsreport.io/the-ultimate-guide-to-javascript-frameworks/) ### The Big Three - [React](https://reactjs.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/facebook/react?label=" /> <img align="bottom" height="13" src="https://img.shields.io/npm/dm/react?label=" /> - A JavaScript library for building user interfaces. [![Open-Source Software][OSS Icon]](https://github.com/facebook/react) - [Angular](https://angular.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/angular/angular?label=" /> <img align="bottom" height="13" src="https://img.shields.io/npm/dm/angular?label=" /> - One framework. Mobile & desktop. [![Open-Source Software][OSS Icon]](https://github.com/angular/angular) - [Vue.js](https://vuejs.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/vuejs/vue?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. [![Open-Source Software][OSS Icon]](https://github.com/vuejs/vue) ### Historically Significant - [AngularJS](https://angularjs.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/angular/angular.js?label=" /> - AngularJS - HTML enhanced for web apps! [![Open-Source Software][OSS Icon]](https://github.com/angular/angular.js) - [Backbone](http://backbonejs.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/jashkenas/backbone?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. [![Open-Source Software][OSS Icon]](https://github.com/jashkenas/backbone/) - [Ember](https://www.emberjs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/emberjs/ember.js?label=" /> - A JavaScript framework for creating ambitious web applications. [![Open-Source Software][OSS Icon]](https://github.com/emberjs/ember.js) ### Notable - [Aurelia](http://aurelia.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/aurelia/framework?label=" /> - Aurelia allows us to focus on business logic, not on the framework. [![Open-Source Software][OSS Icon]](https://github.com/aurelia) - ~~[anu](https://rubylouvre.github.io/anu/)~~ <img align="bottom" height="13" src="https://badgen.net/github/stars/RubyLouvre/anu?label=" /> - he React16-compat mini library. [![Open-Source Software][OSS Icon]](https://github.com/RubyLouvre/anu) - ~~[Elm](http://elm-lang.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/elm/core?label=" /> - Server and client code for the Elm website. [![Open-Source Software][OSS Icon]](https://github.com/elm/core)~~ - [FicusJS](https://docs.ficusjs.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/ficusjs/ficusjs?label=" /> - Lightweight functions for developing applications using web components. [![Open-Source Software][OSS Icon]](https://github.com/ficusjs/ficusjs) - [HTM](https://github.com/developit/htm) <img align="bottom" height="13" src="https://badgen.net/github/stars/developit/htm?label=" /> - JSX alternative using standard tagged templates, with compiler support. [![Open-Source Software][OSS Icon]](https://github.com/developit/htm) - [htmx](https://htmx.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/bigskysoftware/htmx?label=" /> - \</> htmx - high power tools for HTML [![Open-Source Software][OSS Icon]](https://github.com/bigskysoftware/htmx) - [Inferno](https://infernojs.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/infernojs/inferno?label=" /> - An extremely fast, React-like JavaScript library for building modern user interfaces. [![Open-Source Software][OSS Icon]](https://github.com/infernojs/inferno) ![hot][hot Icon] - [Nano JSX](https://github.com/yandeu/nano-jsx) <img align="bottom" height="13" src="https://badgen.net/github/stars/yandeu/nano-jsx?label=" /> - Lightweight 1KB JSX library. [![Open-Source Software][OSS Icon]](https://github.com/yandeu/nano-jsx) - [Nue](https://htmx.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/nuejs/nue?label=" /> - The Content First Web Framework [![Open-Source Software][OSS Icon]](https://github.com/nuejs/nue) - ~~[Polymer](https://www.polymer-project.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Polymer/polymer?label=" /> - Build modern apps using web components. [![Open-Source Software][OSS Icon]](https://github.com/Polymer/polymer)~~ - [Preact](https://preactjs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/developit/preact?label=" /> - Fast 3kB React alternative with the same modern API. Components & Virtual DOM. [![Open-Source Software][OSS Icon]](https://github.com/developit/preact/) - [ReasonML](https://reasonml.github.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/facebook/reason?label=" /> - Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems. [![Open-Source Software][OSS Icon]](https://github.com/facebook/reason) - [Svelte](https://svelte.technology) <img align="bottom" height="13" src="https://badgen.net/github/stars/sveltejs/svelte?label=" /> - The magical disappearing UI framework. [![Open-Source Software][OSS Icon]](https://github.com/sveltejs/svelte) ![hot][hot Icon] - [Solid](https://github.com/ryansolid/solid) <img align="bottom" height="13" src="https://badgen.net/github/stars/ryansolid/solid?label=" /> - A declarative, efficient, and flexible JavaScript library for building user interfaces.. [![Open-Source Software][OSS Icon]](https://github.com/ryansolid/solid) ![hot][hot Icon] - [VanJS](https://github.com/vanjs-org/van) <img align="bottom" height="13" src="https://badgen.net/github/stars/vanjs-org/van?label=" /> - World's smallest reactive UI framework... [![Open-Source Software][OSS Icon]](https://github.com/vanjs-org/van) ### Mobile - [nativescript-vue](https://nativescript-vue.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/nativescript-vue/nativescript-vue?label=" /> - NativeScript with the ease of Vue. [![Open-Source Software][OSS Icon]](https://github.com/nativescript-vue/nativescript-vue) - [Lynx](https://lynxjs.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/alibaba/weex?label=" /> - Empower the Web community and invite more to build across platforms. [![Open-Source Software][OSS Icon]](https://github.com/lynx-family/lynx) - [react-native](http://facebook.github.io/react-native/) <img align="bottom" height="13" src="https://badgen.net/github/stars/facebook/react-native?label=" /> - A framework for building native apps with React. [![Open-Source Software][OSS Icon]](https://github.com/facebook/react-native) ![hot][hot Icon] - [Weex](https://weexapp.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/alibaba/weex?label=" /> - A framework for building Mobile cross-platform UI. [![Open-Source Software][OSS Icon]](https://github.com/alibaba/weex) ### Mini Program - ~~[alita](https://areslabs.github.io/alita) <img align="bottom" height="13" src="https://badgen.net/github/stars/skyFi/weapp-native?label=" /> - 把 React Native 代码转换成微信小程序代码的转换引擎工具。 [![Open-Source Software][OSS Icon]](https://github.com/skyFi/weapp-native)~~ - ~~[Antmove](https://ant-move.github.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ant-move/Antmove?label=" /> - 编译型跨端解决方案，基于支付宝/微信小程序，轻松地转换成其它平台的小程序。 [![Open-Source Software][OSS Icon]](https://github.com/ant-move/Antmove)~~ - ~~[Anna Remax UI](https://github.com/AnnaSearl/anna-remax-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/ant-move/Antmove?label=" /> - 一款基于 Remax 框架开发的小程序 UI 组件库。 [![Open-Source Software][OSS Icon]](https://github.com/AnnaSearl/anna-remax-ui)~~ - ~~[Chameleon](http://cml.didi.cn/) - <img align="bottom" height="13" src="https://badgen.net/github/stars/didi/chameleon?label=" /> 一套代码运行多端，一端所见即多端所见 [![Open-Source Software][OSS Icon]](https://github.com/didi/chameleon)~~ - [mpx](https://didi.github.io/mpx/) <img align="bottom" height="13" src="https://badgen.net/github/stars/didi/mpx?label=" /> - 滴滴开源小程序框架。 [![Open-Source Software][OSS Icon]](https://github.com/didi/mpx) - ~~[mpvue](http://mpvue.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/Meituan-Dianping/mpvue?label=" /> - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。 [![Open-Source Software][OSS Icon]](https://github.com/Meituan-Dianping/mpvue)~~ - [taro](https://taro.jd.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/NervJS/taro?label=" /> - 多端统一开发框架，支持小程序、H5、React Native 等的应用。[![Open-Source Software][OSS Icon]](https://github.com/NervJS/taro) - ~~[weapp-native](https://github.com/skyFi/weapp-native) <img align="bottom" height="13" src="https://badgen.net/github/stars/skyFi/weapp-native?label=" /> - 像 React 组件开发一样来开发微信小程序，开发微信小程序框架。 [![Open-Source Software][OSS Icon]](https://github.com/skyFi/weapp-native)~~ - ~~[wepy](https://wepyjs.gitee.io/wepy-docs/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Tencent/wepy?label=" /> - 小程序组件化开发框架 [![Open-Source Software][OSS Icon]](https://github.com/Tencent/wepy)~~ - ~~[Remax](https://remaxjs.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/remaxjs/remax?label=" /> - 将 React 运行在小程序环境中，让你可以使用完整的 React 进行开发 [![Open-Source Software][OSS Icon]](https://github.com/remaxjs/remax)~~ - [uni-app](https://uniapp.dcloud.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/dcloudio/uni-app?label=" /> 使用 Vue 语法开发小程序、H5、App的统一框架 [![Open-Source Software][OSS Icon]](https://github.com/dcloudio/uni-app) ### Rest of the Pack - [AppRun](https://apprun.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/yysun/apprun?label=" /> - AppRun is a developing applications using the elm architecture, events and components. [![Open-Source Software][OSS Icon]](https://github.com/yysun/apprun) - [Atomico](https://github.com/UpperCod/Atomico) <img align="bottom" height="13" src="https://badgen.net/github/stars/UpperCod/Atomico?label=" /> - A small(1.6kB) library to work with web components. [![Open-Source Software][OSS Icon]](https://github.com/UpperCod/Atomico) - [Binding.scala](https://github.com/ThoughtWorksInc/Binding.scala) <img align="bottom" height="13" src="https://badgen.net/github/stars/ThoughtWorksInc/Binding.scala?label=" /> - Reactive data-binding for Scala. [![Open-Source Software][OSS Icon]](https://github.com/ThoughtWorksInc/Binding.scala) - ~~[avalon](https://github.com/RubyLouvre/avalon) <img align="bottom" height="13" src="https://badgen.net/github/stars/RubyLouvre/avalon?label=" /> - An elegant efficient express mvvm framework. [![Open-Source Software][OSS Icon]](https://github.com/RubyLouvre/avalon)~~ - [Bobril](http://bobril.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Bobris/Bobril?label=" /> - Component oriented framework with Virtual dom (fast, stable, with tooling). [![Open-Source Software][OSS Icon]](https://github.com/Bobris/Bobril) ![hot][hot Icon] - ~~[Choo](https://choo.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/choojs/choo?label=" /> - sturdy 4kb frontend framework. [![Open-Source Software][OSS Icon]](https://github.com/choojs/choo)~~ - [CxJS](https://cxjs.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/codaxy/cxjs?label=" /> - Advanced JavaScript UI framework for admin and dashboard applications with ready to use grid, form and chart components. [![Open-Source Software][OSS Icon]](https://github.com/codaxy/cxjs) - [Cycle.js](https://cycle.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/cyclejs/cyclejs?label=" /> - A functional and reactive JavaScript framework for predictable code. [![Open-Source Software][OSS Icon]](https://github.com/cyclejs/cyclejs) - ~~[DYO](https://dyo.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/thysultan/dio.js?label=" /> - a library for building user interfaces. [![Open-Source Software][OSS Icon]](https://github.com/thysultan/dio.js) ![hot][hot Icon]~~ - ~~[Dojo](https://dojo.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/dojo/meta?label=" /> - meta information for the project. [![Open-Source Software][OSS Icon]](https://github.com/dojo/meta)~~ - [Domvm](https://domvm.github.io/domvm/) <img align="bottom" height="13" src="https://badgen.net/github/stars/domvm/domvm?label=" /> - DOM ViewModel - A thin, fast, dependency-free vdom view layer. [![Open-Source Software][OSS Icon]](https://github.com/domvm/domvm) ![hot][hot Icon] - ~~[DoneJS](https://donejs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/donejs/donejs?label=" /> - Is the easiest way to get a high-performance, real-time, web and mobile application done! [![Open-Source Software][OSS Icon]](https://github.com/donejs/donejs)~~ - [dva](https://github.com/dvajs/dva) <img align="bottom" height="13" src="https://badgen.net/github/stars/dvajs/dva?label=" /> - React and redux based, lightweight and elm-style framework. [![Open-Source Software][OSS Icon]](https://github.com/dvajs/dva) - [dagger](https://daggerjs.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/dagger8224/dagger.js?label=" /> - A lightweight html-based runtime web frontend framework. [![Open-Source Software][OSS Icon]](https://github.com/dagger8224/dagger.js) - ~~[Etch](https://github.com/atom/etch) <img align="bottom" height="13" src="https://badgen.net/github/stars/atom/etch?label=" /> - Builds components using a simple and explicit API around virtual-dom. [![Open-Source Software][OSS Icon]](https://github.com/atom/etch)~~ - ~~[esx](http://elm-lang.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/esxjs/esx?label=" /> - Like JSX, but native and fast. [![Open-Source Software][OSS Icon]](https://github.com/esxjs/esx)~~ - ~~[Gruu](https://mareklabuz.github.io/gruu-docs/) <img align="bottom" height="13" src="https://badgen.net/github/stars/MarekLabuz/gruu?label=" /> - JavaScript library for creating dynamic content. [![Open-Source Software][OSS Icon]](https://github.com/MarekLabuz/gruu)~~ - [Glimmer](https://glimmerjs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/glimmerjs/glimmer.js?label=" /> - Central repository for the Glimmer.js project. [![Open-Source Software][OSS Icon]](https://github.com/glimmerjs/glimmer.js) - [Hyperapp](https://hyperapp.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/jorgebucaran/hyperapp?label=" /> - 1 KB JavaScript library for building web applications. [![Open-Source Software][OSS Icon]](https://github.com/jorgebucaran/hyperapp) ![hot][hot Icon] - ~~[Hyperdom](https://github.com/featurist/hyperdom) <img align="bottom" height="13" src="https://badgen.net/github/stars/featurist/hyperdom?label=" /> - A fast, feature rich and simple framework for building dynamic browser applications. [![Open-Source Software][OSS Icon]](https://github.com/featurist/hyperdom)~~ - [hyperHTML](https://viperhtml.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/WebReflection/hyperHTML?label=" /> - A Fast & Light Virtual DOM Alternative. [![Open-Source Software][OSS Icon]](https://github.com/WebReflection/hyperHTML) - [Ivi](https://github.com/ivijs/ivi) <img align="bottom" height="13" src="https://badgen.net/github/stars/ivijs/ivi?label=" /> - Javascript (TypeScript) library for building web user interfaces. [![Open-Source Software][OSS Icon]](https://github.com/ivijs/ivi) ![hot][hot Icon] - ~~[Intact](https://javey.github.io/Intact) <img align="bottom" height="13" src="https://badgen.net/github/stars/Javey/Intact?label=" /> - An inheritable and strong logic template front-end mvvm framework. [![Open-Source Software][OSS Icon]](https://github.com/Javey/Intact)~~ - ~~[Knockout](http://knockoutjs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/knockout/knockout?label=" /> - Knockout makes it easier to create rich, responsive UIs with JavaScript. [![Open-Source Software][OSS Icon]](https://github.com/knockout/knockout)~~ - [Maquette](https://maquettejs.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/AFASSoftware/maquette?label=" /> - Pure and simple virtual DOM library. [![Open-Source Software][OSS Icon]](https://github.com/AFASSoftware/maquette) - [Marko](https://markojs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/marko-js/marko?label=" /> - A friendly (and fast!) UI library from eBay that makes building web apps fun. [![Open-Source Software][OSS Icon]](https://github.com/marko-js/marko) - [Mithril](https://mithril.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/MithrilJS/mithril.js?label=" /> - A Javascript Framework for Building Brilliant Applications. [![Open-Source Software][OSS Icon]](https://github.com/MithrilJS/mithril.js) - [million](https://github.com/millionjs/million) <img align="bottom" height="13" src="https://badgen.net/github/stars/millionjs/million?label=" /> - <1kb virtual DOM - it's fast!. [![Open-Source Software][OSS Icon]](https://github.com/millionjs/million) - ~~[Moon](https://moonjs.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/kbrsh/moon?label=" /> - A minimal, blazing fast UI library. [![Open-Source Software][OSS Icon]](https://github.com/kbrsh/moon)~~ - ~~[Maka.js](https://github.com/makajs/maka) <img align="bottom" height="13" src="https://badgen.net/github/stars/makajs/maka?label=" /> - An inheritable and strong logic template front-end mvvm framework. [![Open-Source Software][OSS Icon]](https://github.com/makajs/maka)~~ - ~~[Nerv](https://nerv.aotu.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/NervJS/nerv?label=" /> - A blazing fast React alternative, compatible with IE8 and React 16. [![Open-Source Software][OSS Icon]](https://github.com/NervJS/nerv)~~ - ~~[NX](http://www.nx-framework.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/nx-js/framework?label=" /> - A modular front-end framework - inspired by the server-side and Web Components. [![Open-Source Software][OSS Icon]](https://github.com/nx-js/framework)~~ - ~~[petit-dom](https://github.com/yelouafi/petit-dom) <img align="bottom" height="13" src="https://badgen.net/github/stars/yelouafi/petit-dom?label=" /> - minimalist virtual dom library. [![Open-Source Software][OSS Icon]](https://github.com/yelouafi/petit-dom) ![hot][hot Icon]~~ - [Picodom](https://github.com/picodom/picodom) <img align="bottom" height="13" src="https://badgen.net/github/stars/picodom/picodom?label=" /> - 1 KB VDOM builder and patch function. [![Open-Source Software][OSS Icon]](https://github.com/picodom/picodom) ![hot][hot Icon] - ~~[Pux](https://github.com/alexmingoia/purescript-pux/) <img align="bottom" height="13" src="https://badgen.net/github/stars/alexmingoia/purescript-pux?label=" /> - Build type-safe web apps with PureScript. [![Open-Source Software][OSS Icon]](https://github.com/alexmingoia/purescript-pux/)~~ - ~~[RE:DOM](https://redom.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/redom/redom?label=" /> - Tiny (2 KB) turboboosted JavaScript library for creating user interfaces. [![Open-Source Software][OSS Icon]](https://github.com/redom/redom)~~ - [Ractive](https://ractive.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ractivejs/ractive?label=" /> - Next-generation DOM manipulation. [![Open-Source Software][OSS Icon]](https://github.com/ractivejs/ractive) - ~~[react-lite](https://github.com/Lucifier129/react-lite) <img align="bottom" height="13" src="https://badgen.net/github/stars/Lucifier129/react-lite?label=" /> - an implementation of React that optimizes for small script size. [![Open-Source Software][OSS Icon]](https://github.com/Lucifier129/react-lite)~~ - ~~[RE:DOM](https://redom.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/redom/redom?label=" /> - Tiny (2 KB) turboboosted JavaScript library for creating user interfaces. [![Open-Source Software][OSS Icon]](https://github.com/redom/redom) ![hot][hot Icon]~~ - ~~[Reflex](https://github.com/mozilla/reflex) <img align="bottom" height="13" src="https://badgen.net/github/stars/mozilla/reflex?label=" /> - Functional reactive UI library. [![Open-Source Software][OSS Icon]](https://github.com/mozilla/reflex)~~ - [Riot ](http://riotjs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/riot/riot?label=" /> - Simple and elegant component-based UI library. [![Open-Source Software][OSS Icon]](https://github.com/riot/riot) - ~~[rxdomh](https://github.com/xialvjun/rx-domh) <img align="bottom" height="13" src="https://badgen.net/github/stars/xialvjun/rx-domh?label=" /> - Create DOM element and bind observables on it. [![Open-Source Software][OSS Icon]](https://github.com/xialvjun/rx-domh)~~ - [San](https://ecomfe.github.io/san/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ecomfe/san?label=" /> - A Flexible JavaScript Component Framework. [![Open-Source Software][OSS Icon]](https://github.com/ecomfe/san) - ~~[Simulacra.js](https://simulacra.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/daliwali/simulacra?label=" /> - Data-binding function for the DOM. [![Open-Source Software][OSS Icon]](https://github.com/daliwali/simulacra)~~ - [Slim.js](http://slimjs.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/eavichay/slim.js?label=" /> - Fast & Robust Front-End Micro-framework based on modern standards. [![Open-Source Software][OSS Icon]](https://github.com/eavichay/slim.js) - [STEM.JS](https://github.com/mciucu/stemjs) <img align="bottom" height="13" src="https://badgen.net/github/stars/mciucu/stemjs?label=" /> - Another javascript framework. [![Open-Source Software][OSS Icon]](https://github.com/mciucu/stemjs) - [Stimulus](https://stimulusjs.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/hotwired/stimulus?label=" /> - A modest JavaScript framework for the HTML you already have [![Open-Source Software][OSS Icon]](https://github.com/hotwired/stimulus) - ~~[Surplus](https://github.com/adamhaile/surplus) <img align="bottom" height="13" src="https://badgen.net/github/stars/adamhaile/surplus?label=" /> - High performance JSX web views for S.js applications. [![Open-Source Software][OSS Icon]](https://github.com/adamhaile/surplus) ![hot][hot Icon]~~ - ~~[Thermite](https://github.com/paf31/purescript-thermite) <img align="bottom" height="13" src="https://badgen.net/github/stars/paf31/purescript-thermite?label=" /> - A simple PureScript wrapper for React. [![Open-Source Software][OSS Icon]](https://github.com/paf31/purescript-thermite)~~ - ~~[TSERS](https://github.com/tsers-js/core) <img align="bottom" height="13" src="https://badgen.net/github/stars/tsers-js/core?label=" /> - Transform-Signal-Executor framework for Reactive Streams. [![Open-Source Software][OSS Icon]](https://github.com/tsers-js/core)~~ - ~~[Superfine](https://github.com/jorgebucaran/superfine) <img align="bottom" height="13" src="https://badgen.net/github/stars/jorgebucaran/superfine?label=" /> - Absolutely minimal view layer for building web interfaces. [![Open-Source Software][OSS Icon]](https://github.com/jorgebucaran/superfine)~~ - ~~[Vidom](https://github.com/dfilatov/vidom) <img align="bottom" height="13" src="https://badgen.net/github/stars/dfilatov/vidom?label=" /> - Library to build UI based on virtual DOM. [![Open-Source Software][OSS Icon]](https://github.com/dfilatov/vidom)~~ - [Vuera](https://github.com/akxcv/vuera) <img align="bottom" height="13" src="https://badgen.net/github/stars/akxcv/vuera?label=" /> - Vue in React, React in Vue. Seamless integration of the two. [![Open-Source Software][OSS Icon]](https://github.com/akxcv/vuera) - [WebCell](https://web-cell.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/EasyWebApp/WebCell?label=" /> - Web Components engine based on JSX & TypeScript [![Open-Source Software][OSS Icon]](https://github.com/EasyWebApp/WebCell) ### State of the React - ~~[Constate](https://github.com/diegohaz/constate) <img align="bottom" height="13" src="https://badgen.net/github/stars/diegohaz/constate?label=" /> - React Context + State. [![Open-Source Software][OSS Icon]](https://github.com/diegohaz/constate)~~ - [Easy Peasy](https://easy-peasy.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ctrlplusb/easy-peasy?label=" /> - Vegetarian friendly state for React. [![Open-Source Software][OSS Icon]](https://github.com/ctrlplusb/easy-peasy) - [Hox](https://github.com/umijs/hox) <img align="bottom" height="13" src="https://badgen.net/github/stars/umijs/hox?label=" /> - The next-generation state manager for React. [![Open-Source Software][OSS Icon]](https://github.com/umijs/hox) - [icestore](https://github.com/ice-lab/icestore) <img align="bottom" height="13" src="https://badgen.net/github/stars/ice-lab/icestore?label=" /> - The next-generation state manager for React. [![Open-Source Software][OSS Icon]](https://github.com/ice-lab/icestore) - [Jotai](https://jotai.pmnd.rs/) <img align="bottom" height="13" src="https://badgen.net/github/stars/pmndrs/jotai?label=" /> - Primitive and flexible state management for React. [![Open-Source Software][OSS Icon]](https://github.com/pmndrs/jotai) - [MobX](http://mobx.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/mobxjs/mobx?label=" /> - Simple, scalable state management. [![Open-Source Software][OSS Icon]](https://github.com/mobxjs/mobx) - [Recoil](https://github.com/facebookexperimental/Recoil) <img align="bottom" height="13" src="https://badgen.net/github/stars/facebookexperimental/Recoil?label=" /> - Recoil is an experimental state management library for React apps. [![Open-Source Software][OSS Icon]](https://github.com/facebookexperimental/Recoil) - ~~[React Easy State](https://github.com/RisingStack/react-easy-state) <img align="bottom" height="13" src="https://badgen.net/github/stars/RisingStack/react-easy-state?label=" /> - Simple React state management. Made with ❤️ and ES6 Proxies. [![Open-Source Software][OSS Icon]](https://github.com/RisingStack/react-easy-state)~~ - [Redux Toolkit](https://redux-toolkit.js.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/reduxjs/redux-toolkit?label=" /> - The official, opinionated, batteries-included toolset for efficient Redux development [![Open-Source Software][OSS Icon]](https://github.com/reduxjs/redux-toolkit) - ~~[react-hooks-global-state](https://github.com/dai-shi/react-hooks-global-state) <img align="bottom" height="13" src="https://badgen.net/github/stars/dai-shi/react-hooks-global-state?label=" /> - Simple global state for React with Hooks API without Context API. [![Open-Source Software][OSS Icon]](https://github.com/dai-shi/react-hooks-global-state)~~ - [rematch](https://github.com/rematch/rematch) <img align="bottom" height="13" src="https://badgen.net/github/stars/rematch/rematch?label=" /> - State management with statecharts.. [![Open-Source Software][OSS Icon]](https://github.com/rematch/rematch) - ~~[Unistore](https://github.com/developit/unistore) <img align="bottom" height="13" src="https://badgen.net/github/stars/developit/unistore?label=" /> - 350b/650b state container with component actions for Preact & React. [![Open-Source Software][OSS Icon]](https://github.com/developit/unistore)~~ - ~~[unstated-next](https://jotai.pmnd.rs/) <img align="bottom" height="13" src="https://badgen.net/github/stars/jamiebuilds/unstated-next?label=" /> - 200 bytes to never think about React state management libraries ever again. [![Open-Source Software][OSS Icon]](https://github.com/jamiebuilds/unstated-next)~~ - [useStateMachine](https://github.com/cassiozen/useStateMachine) <img align="bottom" height="13" src="https://badgen.net/github/stars/cassiozen/useStateMachine?label=" /> - The ½ kb state machine hook for React. [![Open-Source Software][OSS Icon]](https://github.com/cassiozen/useStateMachine) - [Valtio](http://valtio-demo.pmnd.rs/) <img align="bottom" height="13" src="https://badgen.net/github/stars/pmndrs/valtio?label=" /> - Valtio makes proxy-state simple for React and Vanilla. [![Open-Source Software][OSS Icon]](https://github.com/pmndrs/valtio) - [zustand](https://zustand.surge.sh/) <img align="bottom" height="13" src="https://badgen.net/github/stars/pmndrs/zustand?label=" /> - Bear necessities for state management in React. [![Open-Source Software][OSS Icon]](https://github.com/pmndrs/zustand) ## Web Components ### Components - [amp](https://amp.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ampproject/amphtml?label=" /> - The AMP web component framework. [![Open-Source Software][OSS Icon]](https://github.com/ampproject/amphtml) - [bolt](https://github.com/boltdesignsystem/bolt) <img align="bottom" height="13" src="https://badgen.net/github/stars/boltdesignsystem/bolt?label=" /> The Bolt Design System provides robust Twig and Web Component. [![Open-Source Software][OSS Icon]](https://github.com/boltdesignsystem/bolt) - [~~Clarity~~](http://clarity.design) <img align="bottom" height="13" src="https://badgen.net/github/stars/vmware-archive/clarity?label=" /> - Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components. [![Open-Source Software][OSS Icon]](https://github.com/vmware-archive/clarity) - [Material Web](https://github.com/material-components/material-web) <img align="bottom" height="13" src="https://badgen.net/github/stars/material-components/material-web?label=" /> - Material Design Web Components. [![Open-Source Software][OSS Icon]](https://github.com/material-components/material-web) - [Fast](https://www.fast.design) <img align="bottom" height="13" src="https://badgen.net/github/stars/microsoft/fast?label=" /> - The adaptive interface system for modern web experiences. [![Open-Source Software][OSS Icon]](https://github.com/microsoft/fast) - [Lion](https://lion-web.netlify.app/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ing-bank/lion?label=" /> - Fundamental white label web component features for your design system. [![Open-Source Software][OSS Icon]](https://github.com/ing-bank/lion) - [Nude UI](https://nudeui.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/LeaVerou/nudeui?label=" /> - Lea's kitchen sink of form components. WIP. [![Open-Source Software][OSS Icon]](https://github.com/LeaVerou/nudeui) - [Shoelace](https://shoelace.style/) <img align="bottom" height="13" src="https://badgen.net/github/stars/shoelace-style/shoelace?label=" /> - A collection of professionally designed, every day UI components built on a framework-agnostic technology. [![Open-Source Software][OSS Icon]](https://github.com/shoelace-style/shoelace) - [UI5 Web Components](https://sap.github.io/ui5-webcomponents/) <img align="bottom" height="13" src="https://badgen.net/github/stars/SAP/ui5-webcomponents?label=" /> - the enterprise-flavored sugar on top of native APIs. [![Open-Source Software][OSS Icon]](https://github.com/SAP/ui5-webcomponents) - [~~Wired Elements~~](https://wiredjs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rough-stuff/wired-elements?label=" /> - Collection of custom elements that appear hand drawn. Great for wireframes or a fun look. [![Open-Source Software][OSS Icon]](https://github.com/rough-stuff/wired-elements) - [xy-ui](https://xy-ui.codelabo.cn) <img align="bottom" height="13" src="https://badgen.net/github/stars/XboxYan/xy-ui?label=" /> - 面向未来的原生 web components UI组件库 [![Open-Source Software][OSS Icon]](https://github.com/XboxYan/xy-ui) ### Tools - [~~Corpuscule~~](https://corpusculejs.github.io/corpuscule) <img align="bottom" height="13" src="https://badgen.net/github/stars/corpusculejs/corpuscule?label=" /> - Small Web Components framework based on decorators. [![Open-Source Software][OSS Icon]](https://github.com/corpusculejs/corpuscule) - [DNA](https://www.chialab.io/p/dna) <img align="bottom" height="13" src="https://badgen.net/github/stars/chialab/dna?label=" /> - Progressive Web Components library. [![Open-Source Software][OSS Icon]](https://github.com/chialab/dna) - [~~jsx-for-web-components~~](https://github.com/slogsdon/jsx-for-web-components) <img align="bottom" height="13" src="https://badgen.net/github/stars/slogsdon/jsx-for-web-components?label=" /> - A basic JSX factory for use in projects leveraging web components. [![Open-Source Software][OSS Icon]](https://github.com/slogsdon/jsx-for-web-components) - [LWC](https://lwc.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/salesforce/lwc?label=" /> - A Blazing Fast, Enterprise-Grade Web Components Foundation. [![Open-Source Software][OSS Icon]](https://github.com/salesforce/lwc) - [Lit](https://lit.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/lit/lit?label=" /> - Lit is a simple library for building fast, lightweight web components. [![Open-Source Software][OSS Icon]](https://github.com/lit/lit) - [Panel](https://github.com/mixpanel/panel) <img align="bottom" height="13" src="https://badgen.net/github/stars/mixpanel/panel?label=" /> - Web Components + Virtual DOM: web standards for powerful UIs. [![Open-Source Software][OSS Icon]](https://github.com/mixpanel/panel) - [Stencil](https://stenciljs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ionic-team/stencil?label=" /> - A toolchain for building scalable, enterprise-ready component systems on top of TypeScript and Web Component standards. [![Open-Source Software][OSS Icon]](https://github.com/ionic-team/stencil) - [~~Skate~~](http://skatejs.netlify.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/skatejs/skatejs?label=" /> - Effortless custom elements powered by modern view libraries. [![Open-Source Software][OSS Icon]](https://github.com/skatejs/skatejs) - [slim.js](https://slimjs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/slimjs/slim.js?label=" /> - Fast & Robust Front-End Micro-framework based on modern standards. [![Open-Source Software][OSS Icon]](https://github.com/slimjs/slim.js) - [Tonic](https://tonicframework.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/socketsupply/tonic?label=" /> - A Low Profile Component Framework – Stable, minimal, easy to audit, zero-dependencies and build-tool-free. [![Open-Source Software][OSS Icon]](https://github.com/socketsupply/tonic) ## UI Components ### React *<a href="https://github.com/facebook/react"><img src="./assets/react.svg" height="14px" /></a> [React](https://github.com/facebook/react) based component library.* - [uiw](http://uiwjs.github.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/uiwjs/uiw?label=" /> - A high quality UI Toolkit, A Component Library for React. [![Open-Source Software][OSS Icon]](https://github.com/uiwjs/uiw) - [AgnosticUI](https://www.agnosticui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/agnosticui/agnosticui?label=" /> - Accessible Component Primitives that work with React, Vue 3, Svelte, and Angular [![Open-Source Software][OSS Icon]](https://github.com/agnosticui/agnosticui) - [ANT DESIGN](https://ant.design/index-cn) <img align="bottom" height="13" src="https://badgen.net/github/stars/ant-design/ant-design?label=" /> - A UI Design Language. [![Open-Source Software][OSS Icon]](https://github.com/ant-design/ant-design) - [Arco Design](https://arco.design/) <img align="bottom" height="13" src="https://badgen.net/github/stars/arco-design/arco-design?label=" /> - A comprehensive React UI components library. [![Open-Source Software][OSS Icon]](https://github.com/arco-design/arco-design) - [Atlassian UI](https://atlaskit.atlassian.com/) Atlassian's official UI library, built according to the Atlassian Design Guidelines. [![Open-Source Software][OSS Icon]](https://bitbucket.org/atlassian/atlaskit-mk-2) - [Amaze UI React](https://github.com/amazeui/amazeui-react) <img align="bottom" height="13" src="https://badgen.net/github/stars/amazeui/amazeui-react?label=" /> - Amaze UI components built with React.js. [![Open-Source Software][OSS Icon]](https://github.com/amazeui/amazeui-react) - [Arwes](https://arwes.dev) <img align="bottom" height="13" src="https://badgen.net/github/stars/arwesjs/arwes?label=" /> - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps. [![Open-Source Software][OSS Icon]](https://github.com/arwesjs/arwes) - [Ariakit](https://arwes.dev) <img align="bottom" height="13" src="https://badgen.net/github/stars/ariakit/ariakit?label=" /> - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps. [![Open-Source Software][OSS Icon]](https://github.com/arwesjs/arwes) - [AdmiralDS React UI](https://admiralds.github.io/react-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/AdmiralDS/react-ui?label=" /> - Сторибук компонентов React на основе дизайн системы Адмирал 2.1 [![Open-Source Software][OSS Icon]](https://github.com/AdmiralDS/react-ui) - [Backpack](https://backpack.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/Skyscanner/backpack?label=" /> - Backpack Design System. [![Open-Source Software][OSS Icon]](https://github.com/Skyscanner/backpack) - [Base UI](https://baseweb.design) <img align="bottom" height="13" src="https://badgen.net/github/stars/uber-web/baseui?label=" /> - Base Web React Components. [![Open-Source Software][OSS Icon]](https://github.com/uber-web/baseui) - [Blueprint](http://blueprintjs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/palantir/blueprint?label=" /> - Blueprint is a React-based UI toolkit for the web. [![Open-Source Software][OSS Icon]](https://github.com/palantir/blueprint) - [Bloom](https://bloom.appearhere.co.uk/) <img align="bottom" height="13" src="https://badgen.net/github/stars/appearhere/bloom?label=" /> - Bloom acts as a central repository for reuseable React components. [![Open-Source Software][OSS Icon]](https://github.com/appearhere/bloom) - [Belle](http://nikgraf.github.io/belle/) <img align="bottom" height="13" src="https://badgen.net/github/stars/nikgraf/belle?label=" /> - Configurable React Components with great UX. [![Open-Source Software][OSS Icon]](https://github.com/nikgraf/belle) - [Blue](https://github.com/helpscout/blue) <img align="bottom" height="13" src="https://badgen.net/github/stars/helpscout/blue?label=" /> - A React UI Component Suites living for enterprise application. [![Open-Source Software][OSS Icon]](https://github.com/helpscout/blue) - [Buttercup UI](https://buttercup.pw/) <img align="bottom" height="13" src="https://badgen.net/github/stars/dafengzhen/bootstrap-react-logic?label=" /> - React UI Components used in Buttercup products. [![Open-Source Software][OSS Icon]](https://github.com/dafengzhen/bootstrap-react-logic) - [Bootstrap React Logic](https://dafengzhen.github.io/bootstrap-react-logic) <img align="bottom" height="13" src="https://badgen.net/github/stars/buttercup/ui?label=" /> - React UI Components used in Buttercup products. [![Open-Source Software][OSS Icon]](https://github.com/buttercup/ui) - [Carbon](http://react.carbondesignsystem.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/IBM/carbon-components-react?label=" /> - React components according to IBM’s. [![Open-Source Software][OSS Icon]](https://github.com/IBM/carbon-components-react) - [Chakra](https://chakra-ui.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/chakra-ui/chakra-ui?label=" /> - Simple, Modular & Accessible UI Components for your React Applications. [![Open-Source Software][OSS Icon]](https://github.com/chakra-ui/chakra-ui) - [ChatUI](https://chatui.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/alibaba/ChatUI?label=" /> - The UI design language and React library for Conversational UI. [![Open-Source Software][OSS Icon]](https://github.com/alibaba/ChatUI) - [cloud-react](https://cloud-react.shuyun.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/ShuyunFF2E/cloud-react?label=" /> - 数云 PC端 react 基础组件。 [![Open-Source Software][OSS Icon]](https://github.com/ShuyunFF2E/cloud-react) - [design-blocks](https://www.froala.com/design-blocks) <img align="bottom" height="13" src="https://badgen.net/github/stars/froala/react-froala-design-blocks?label=" /> - React implementation for Froala Design Blocks. [![Open-Source Software][OSS Icon]](https://github.com/froala/react-froala-design-blocks) - [DevUI](https://react-devui.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/DevCloudFE/react-devui?label=" /> - UI components based on React and DevUI Design. [![Open-Source Software][OSS Icon]](https://github.com/DevCloudFE/react-devui) - [Evergreen](https://segmentio.github.io/evergreen/) <img align="bottom" height="13" src="https://badgen.net/github/stars/segmentio/evergreen?label=" /> - Evergreen React UI Framework by Segment. [![Open-Source Software][OSS Icon]](https://github.com/segmentio/evergreen) - [EBS Design System](https://github.com/ebs-integrator/ebs-design) <img align="bottom" height="13" src="https://badgen.net/github/stars/ebs-integrator/ebs-design?label=" /> - A React-based UI toolkit for enterprise grade applications. [![Open-Source Software][OSS Icon]](https://github.com/ebs-integrator/ebs-design) - [Echo UI](https://echoui.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/codeacme17/echo-ui?label=" /> - A high-performance and out-of-the-box web audio API component library, build with React and TailwindCSS. [![Open-Source Software][OSS Icon]](https://github.com/codeacme17/echo-ui) - [Element React](https://elemefe.github.io/element-react/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ElemeFE/element-react?label=" /> - A collection of essential UI components written with React. [![Open-Source Software][OSS Icon]](https://github.com/ElemeFE/element-react) - [~~ExtReact~~](https://github.com/sencha/ext-react) <img align="bottom" height="13" src="https://badgen.net/github/stars/sencha/ext-react?label=" /> - Use Ext JS components in React. [![Open-Source Software][OSS Icon]](https://github.com/sencha/ext-react) - [~~Fannypack~~](https://github.com/jxom/fannypack) <img align="bottom" height="13" src="https://badgen.net/github/stars/jxom/fannypack?label=" /> - A friendly, themeable, accessible React UI Kit built with Reakit. [![Open-Source Software][OSS Icon]](https://github.com/jxom/fannypack) - [Foundation](https://react.foundation) <img align="bottom" height="13" src="https://badgen.net/github/stars/nordsoftware/react-foundation?label=" /> - Foundation as React components. [![Open-Source Software][OSS Icon]](https://github.com/nordsoftware/react-foundation) - [Fyndiq UI](https://fyndiq.github.io/fyndiq-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/fyndiq/fyndiq-ui?label=" /> - Library of reusable components for Fyndiq. [![Open-Source Software][OSS Icon]](https://github.com/fyndiq/fyndiq-ui) - [Fluent UI Web](https://react.fluentui.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/microsoft/fluentui?label=" /> - Fluent UI web represents a collection of utilities, React components, and web components for building web applications. [![Open-Source Software][OSS Icon]](https://github.com/microsoft/fluentui) - [Fusion Design](https://fusion.design/) <img align="bottom" height="13" src="https://badgen.net/github/stars/alibaba-fusion/next?label=" /> - A configurable component library for web built on React. [![Open-Source Software][OSS Icon]](https://github.com/alibaba-fusion/next) - [Elemental UI](http://elemental-ui.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/elementalui/elemental?label=" /> - A flexible and beautiful UI framework for React.js. [![Open-Source Software][OSS Icon]](https://github.com/elementalui/elemental) - [~~Fluent UI React~~](https://stardust-ui.github.io/react/) <img align="bottom" height="13" src="https://badgen.net/github/stars/microsoft/fluent-ui-react?label=" /> - A themable React component library. [![Open-Source Software][OSS Icon]](https://github.com/microsoft/fluent-ui-react) - [Garden](https://zendeskgarden.github.io/react-components/) <img align="bottom" height="13" src="https://badgen.net/github/stars/zendeskgarden/react-components?label=" /> - Garden React components based on garden css. [![Open-Source Software][OSS Icon]](https://github.com/zendeskgarden/react-components) - [Geist UI](https://react.geist-ui.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/geist-org/react?label=" /> - Modern and minimalist React UI library. [![Open-Source Software][OSS Icon]](https://github.com/geist-org/react) - [Gestalt](https://pinterest.github.io/gestalt/) <img align="bottom" height="13" src="https://badgen.net/github/stars/pinterest/gestalt?label=" /> - A set of React UI components that supports Pinterest’s design language. [![Open-Source Software][OSS Icon]](https://github.com/pinterest/gestalt) - [govuk-react](https://github.com/govuk-react/govuk-react/) <img align="bottom" height="13" src="https://badgen.net/github/stars/govuk-react/govuk-react?label=" /> - An implementation of the GOV.UK Design System in React using CSSinJS. [![Open-Source Software][OSS Icon]](https://github.com/govuk-react/govuk-react) - [Grommet](https://v2.grommet.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/grommet/grommet?label=" /> - Focus on the essential experience. [![Open-Source Software][OSS Icon]](https://github.com/grommet/grommet) - [Hack Club Design System](https://design.hackclub.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/hackclub/design-system?label=" /> - A react UIKit with nijigen style. [![Open-Source Software][OSS Icon]](https://github.com/hackclub/design-system) - [hana-ui](https://hana-ui.moe) <img align="bottom" height="13" src="https://badgen.net/github/stars/hana-group/hana-ui?label=" /> - A react UIKit with nijigen style. [![Open-Source Software][OSS Icon]](https://github.com/hana-group/hana-ui) - [HIUI](https://xiaomi.github.io/hiui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/XiaoMi/hiui?label=" /> This is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend. [![Open-Source Software][OSS Icon]](https://github.com/XiaoMi/hiui) - [Instructure UI](https://instructure.design/) <img align="bottom" height="13" src="https://badgen.net/github/stars/instructure/instructure-ui?label=" /> - A UI Component Library made by Instructure, Inc. [![Open-Source Software][OSS Icon]](https://github.com/instructure/instructure-ui) - [ICE DISIGN](https://alibaba.github.io/ice/) <img align="bottom" height="13" src="https://badgen.net/github/stars/alibaba/ice?label=" /> - 海量可复用物料，通过 GUI 工具极速构建中后台应用. [![Open-Source Software][OSS Icon]](https://github.com/alibaba/ice) - [~~Klarna UI~~](https://github.com/klarna/ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/klarna/ui?label=" /> - Klarna's UI components library. [![Open-Source Software][OSS Icon]](https://github.com/klarna/ui) - [KhanAcademy React](http://khan.github.io/react-components/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Khan/react-components?label=" /> - Klarna's UI components library. [![Open-Source Software][OSS Icon]](https://github.com/Khan/react-components) - [KDesign](https://react.kingdee.design/) <img align="bottom" height="13" src="https://badgen.net/github/stars/kingdee/kdesign?label=" /> - An enterprise-class React UI components library. [![Open-Source Software][OSS Icon]](https://github.com/kingdee/kdesign) - [Kuma UI](https://www.kuma-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/kuma-ui/kuma-ui?label=" /> - A Headless, Utility-First, and Zero-Runtime UI Component Library. [![Open-Source Software][OSS Icon]](https://github.com/kuma-ui/kuma-ui) - [Lodgify](https://lodgify.github.io/lodgify-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/TrendingTechnology/lodgify-ui?label=" /> - React components for building amazing websites with Lodgify. [![Open-Source Software][OSS Icon]](https://github.com/TrendingTechnology/lodgify-ui) - [LAYOUTs](https://www.ui-layouts.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ui-layouts/uilayouts?label=" /> - Open-source component library focused on creative design for easy website building. [![Open-Source Software][OSS Icon]](https://github.com/ui-layouts/uilayouts) - [Material-UI](http://www.material-ui.com/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/callemall/material-ui?label=" /> - React components that implement Google's Material Design. [![Open-Source Software][OSS Icon]](https://github.com/callemall/material-ui) - [Modul UI](https://brcportal2.github.io/modul-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/brcportal2/modul-ui?label=" /> - Modul UI React components. [![Open-Source Software][OSS Icon]](https://github.com/brcportal2/modul-ui) - [MDBootstrap](https://mdbootstrap.com/docs/react/) <img align="bottom" height="13" src="https://badgen.net/github/stars/mdbootstrap/React-Bootstrap-with-Material-Design?label=" /> - React Bootstrap with Material Design. [![Open-Source Software][OSS Icon]](https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design) - [Mantine](https://mantine.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/mantinedev/mantine?label=" /> - React components library with native dark theme support. [![Open-Source Software][OSS Icon]](https://github.com/mantinedev/mantine) - [Magic UI](https://magicui.design) <img align="bottom" height="13" src="https://badgen.net/github/stars/magicuidesign/magicui?label=" /> - UI Library for Design Engineers. [![Open-Source Software][OSS Icon]](https://github.com/magicuidesign/magicui) - [NextUI](https://nextui.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/nextui-org/nextui?label=" /> - Beautiful, fast and modern React UI library. [![Open-Source Software][OSS Icon]](https://github.com/nextui-org/nextui) - [Office UI Fabric](https://developer.microsoft.com/en-us/fabric) <img align="bottom" height="13" src="https://badgen.net/github/stars/OfficeDev/office-ui-fabric-react?label=" /> - React components for building experiences for Office and Office 365. [![Open-Source Software][OSS Icon]](https://github.com/OfficeDev/office-ui-fabric-react) - [Orbit](https://orbit.kiwi/) <img align="bottom" height="13" src="https://badgen.net/github/stars/kiwicom/orbit-components?label=" /> - Public repository of Orbit Components of Kiwi.com. [![Open-Source Software][OSS Icon]](https://github.com/kiwicom/orbit-components) - [oneui](https://open-ui.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/textkernel/oneui?label=" /> - Textkernel OneUI library of reusable UI components. [![Open-Source Software][OSS Icon]](https://github.com/textkernel/oneui) - [Open UI](https://textkernel.github.io/oneui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/openui/open-ui?label=" /> - Textkernel OneUI library of reusable UI components. [![Open-Source Software][OSS Icon]](https://github.com/openui/open-ui) - [PatternFly React](https://www.patternfly.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/patternfly/patternfly-react?label=" /> - A set of React components for the PatternFly project. [![Open-Source Software][OSS Icon]](https://github.com/patternfly/patternfly-react) - [Prismane](https://www.patternfly.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/prismaneui/prismane?label=" /> - Prismane is an innovative have-it-all React UI library. [![Open-Source Software][OSS Icon]](https://github.com/prismaneui/prismane) - [Polaris React](https://polaris.shopify.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/Shopify/polaris?label=" /> - Shopify’s product component library. [![Open-Source Software][OSS Icon]](https://github.com/Shopify/polaris) - [Pivotal UI](https://styleguide.pivotal.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/pivotal-cf/pivotal-ui?label=" /> - Pivotal UI is a collection of React components that are styled for the Pivotal brand. [![Open-Source Software][OSS Icon]](https://github.com/pivotal-cf/pivotal-ui) - [Prime React](https://www.primefaces.org/primereact) <img align="bottom" height="13" src="https://badgen.net/github/stars/primefaces/primereact?label=" /> - is a collection of rich UI components for React. [![Open-Source Software][OSS Icon]](https://github.com/primefaces/primereact) - [Primer](https://primer.style/) <img align="bottom" height="13" src="https://badgen.net/github/stars/primer/components?label=" /> - Primer React components. [![Open-Source Software][OSS Icon]](https://github.com/primer/components) - [Precise UI](https://www.precise-ui.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/ZEISS/precise-ui?label=" /> - React UI Component Library powered by ZEISS. [![Open-Source Software][OSS Icon]](https://github.com/ZEISS/precise-ui) - [rbx](https://dfee.github.io/rbx/) <img align="bottom" height="13" src="https://badgen.net/github/stars/dfee/rbx?label=" /> - The Comprehensive Bulma UI Framework for React. [![Open-Source Software][OSS Icon]](https://github.com/dfee/rbx) - [reactjs-components](http://mesosphere.github.io/reactjs-components/) <img align="bottom" height="13" src="https://badgen.net/github/stars/dfee/rbx?label=" /> - A library of reusable React components. [![Open-Source Software][OSS Icon]](https://github.com/mesosphere/reactjs-components) - [reactstrap](https://reactstrap.github.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/reactstrap/reactstrap?label=" /> - Simple React Bootstrap 4 components. [![Open-Source Software][OSS Icon]](https://github.com/reactstrap/reactstrap) - [Reakit](https://reakit.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/reakit/reakit?label=" /> - Toolkit for building really interactive UIs with React. [![Open-Source Software][OSS Icon]](https://github.com/reakit/reakit) - [React95](https://react95.github.io/React95/) <img align="bottom" height="13" src="https://badgen.net/github/stars/React95/React95?label=" /> - A React components library with Win95 UI. [![Open-Source Software][OSS Icon]](https://github.com/React95/React95) - [RSUITE](https://rsuitejs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite?label=" /> - A suite of React components . [![Open-Source Software][OSS Icon]](https://github.com/rsuite/rsuite) - [React Spectrum](https://react-spectrum.adobe.com/react-spectrum/) <img align="bottom" height="13" src="https://badgen.net/github/stars/adobe/react-spectrum?label=" /> - A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. From Adobe. [![Open-Source Software][OSS Icon]](https://github.com/adobe/react-spectrum) - [Radix Primitives](https://www.radix-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/radix-ui/primitives?label=" /> - An open-source UI component library for building high-quality, accessible design systems and web apps. [![Open-Source Software][OSS Icon]](https://github.com/radix-ui/primitives) - [React Material Web Components](https://rmwc.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rmwc/rmwc?label=" /> - A collection of JetBrains Web UI components. [![Open-Source Software][OSS Icon]](https://github.com/rmwc/rmwc) - [Ring UI](https://jetbrains.org/ring-ui/index.html) <img align="bottom" height="13" src="https://badgen.net/github/stars/JetBrains/ring-ui?label=" /> - A collection of JetBrains Web UI components. [![Open-Source Software][OSS Icon]](https://github.com/JetBrains/ring-ui) - [React UI](http://lobos.github.io/react-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Lobos/react-ui?label=" /> - React Components，base on bootstrap 4.0. [![Open-Source Software][OSS Icon]](https://github.com/Lobos/react-ui) - [React-Bootstrap](https://react-bootstrap.github.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/react-bootstrap/react-bootstrap?label=" /> - The most popular front-end framework, rebuilt for React. [![Open-Source Software][OSS Icon]](https://github.com/react-bootstrap/react-bootstrap) - [Restart UI](https://react-restart.github.io/ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/react-restart/ui?label=" /> - A set of full featured, extensible, and accessible UI components, designed to integrate into any styling framework or system. [![Open-Source Software][OSS Icon]](https://github.com/react-restart/ui) - [React Bootstrap](https://reactstrap.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/reactstrap/reactstrap?label=" /> - Simple React Bootstrap 4 components. [![Open-Source Software][OSS Icon]](https://github.com/reactstrap/reactstrap) - [React Desktop](http://reactdesktop.js.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/gabrielbull/react-desktop?label=" /> - React UI Components for macOS High Sierra and Windows 10. [![Open-Source Software][OSS Icon]](https://github.com/gabrielbull/react-desktop) - [react-materialize](https://react-materialize.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/react-materialize/react-materialize?label=" /> - Material design for react, powered by materializecss. [![Open-Source Software][OSS Icon]](https://github.com/react-materialize/react-materialize) - [React-md](https://react-md.mlaursen.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/mlaursen/react-md?label=" /> - React Material Design - React components built with sass. [![Open-Source Software][OSS Icon]](https://github.com/mlaursen/react-md) - [React-Ionic](http://reactionic.github.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/pors/reactionic?label=" /> - React Ionic: We are looking for a new maintainer! [![Open-Source Software][OSS Icon]](https://github.com/pors/reactionic) - [React Responsive UI](https://catamphetamine.github.io/react-responsive-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/catamphetamine/react-responsive-ui?label=" /> - Responsive React UI components! [![Open-Source Software][OSS Icon]](https://github.com/catamphetamine/react-responsive-ui) - [React-WeUI](https://weui.github.io/react-weui/docs/) <img align="bottom" height="13" src="https://badgen.net/github/stars/weui/react-weui?label=" /> - A collection of essential UI components written with React. [![Open-Source Software][OSS Icon]](https://github.com/weui/react-weui/) - [~~React-UWP~~](https://github.com/myxvisual/react-uwp) <img align="bottom" height="13" src="https://badgen.net/github/stars/myxvisual/react-uwp?label=" /> - React Components that Implement Microsoft's UWP Design & Fluent Design. [![Open-Source Software][OSS Icon]](https://github.com/myxvisual/react-uwp) - [React Toolbox](http://react-toolbox.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/react-toolbox/react-toolbox?label=" /> - Is a set of React components that implement Google's Material Design specification. [![Open-Source Software][OSS Icon]](https://github.com/react-toolbox/react-toolbox) - [Reach UI](https://ui.reach.tech) <img align="bottom" height="13" src="https://badgen.net/github/stars/reach/reach-ui?label=" /> - The Accessible Foundation for React Apps and Design Systems. [![Open-Source Software][OSS Icon]](https://github.com/reach/reach-ui) - [Redition](https://balena-io-modules.github.io/rendition/) <img align="bottom" height="13" src="https://badgen.net/github/stars/balena-io-modules/rendition?label=" /> - A library of React UI components. [![Open-Source Software][OSS Icon]](https://github.com/balena-io-modules/rendition) - [Rebass](https://rebassjs.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rebassjs/rebass?label=" /> - Functional React UI component library, built with styled-components. [![Open-Source Software][OSS Icon]](https://github.com/rebassjs/rebass) - [Reka](https://reka-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/unovue/reka-ui?label=" /> - An open-source UI component library for building high-quality, accessible design systems and web apps for Vue. Previously Radix Vue [![Open-Source Software][OSS Icon]](https://github.com/unovue/reka-ui) - [~~react-uikit-components~~](https://github.com/kbuechl/react-uikit-components) <img align="bottom" height="13" src="https://badgen.net/github/stars/kbuechl/react-uikit-components?label=" /> - React UIkit Components for the UIKit CSS framework. [![Open-Source Software][OSS Icon]](https://github.com/kbuechl/react-uikit-components) - [Sancho UI](https://sancho-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/bmcmahen/sancho?label=" /> - A themable React component library. [![Open-Source Software][OSS Icon]](https://github.com/bmcmahen/sancho) - [Shineout](https://sheinsight.github.io/shineout) <img align="bottom" height="13" src="https://badgen.net/github/stars/sheinsight/shineout?label=" /> - A components library for React. [![Open-Source Software][OSS Icon]](https://github.com/sheinsight/shineout) - [Semantic UI](https://react.semantic-ui.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/Semantic-Org/Semantic-UI-React?label=" /> - The official Semantic-UI-React integration. [![Open-Source Software][OSS Icon]](https://github.com/Semantic-Org/Semantic-UI-React) - [Smooth UI](https://smooth-ui.smooth-code.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/smooth-code/smooth-ui?label=" /> - Modern React UI library. Code less, do more. [![Open-Source Software][OSS Icon]](https://github.com/smooth-code/smooth-ui) - [Smart React Components](https://cevadtokatli.github.io/smart-react-components/) <img align="bottom" height="13" src="https://badgen.net/github/stars/cevadtokatli/smart-react-components?label=" /> - React UI Library for Styled Components. [![Open-Source Software][OSS Icon]](https://github.com/cevadtokatli/smart-react-components) - [Super Dispatch UI](https://ui.superdispatch.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/superdispatch/web-ui?label=" /> - Web Design System. [![Open-Source Software][OSS Icon]](https://github.com/superdispatch/web-ui) - [UXCore](http://uxco.re/) <img align="bottom" height="13" src="https://badgen.net/github/stars/uxcore/uxcore?label=" /> - A React UI Component Suites living for enterprise application. [![Open-Source Software][OSS Icon]](https://github.com/uxcore/uxcore) - [tinper-bee](http://bee.tinper.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/iuap-design/tinper-bee?label=" /> A component library based on the UI design language iUAP Design and React. [![Open-Source Software][OSS Icon]](https://github.com/iuap-design/tinper-bee) - [Tenon-ui](https://tenon-ui.info/) <img align="bottom" height="13" src="https://badgen.net/github/stars/tenon-io/tenon-ui?label=" /> - Tenon accessible ui component library. [![Open-Source Software][OSS Icon]](https://github.com/tenon-io/tenon-ui) - [Tamagui UI](https://tamagui.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/tamagui/tamagui?label=" /> - Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler. [![Open-Source Software][OSS Icon]](https://github.com/tamagui/tamagui) - [Tremor](https://tremor.so/) <img align="bottom" height="13" src="https://badgen.net/github/stars/tremorlabs/tremor?label=" /> - The React library to build dashboards fast.. [![Open-Source Software][OSS Icon]](https://github.com/tremorlabs/tremor) - [Theme UI](https://theme-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/system-ui/theme-ui?label=" /> - Build consistent, themeable React apps based on constraint-based design principles. [![Open-Source Software][OSS Icon]](https://github.com/system-ui/theme-ui) - [Tiny UI](https://tiny-ui.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/wangdicoder/tiny-ui?label=" /> - A friendly UI component set for React.js [![Open-Source Software][OSS Icon]](https://github.com/wangdicoder/tiny-ui) - [UI Beats](https://uibeats.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/nikhils4/ui-beats?label=" /> - Collection of Animated React Components. [![Open-Source Software][OSS Icon]](https://github.com/nikhils4/ui-beats) - [uselayouts](https://uselayouts.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/iurvish/uselayouts?label=" /> - Free animated React components and micro-interactions. [![Open-Source Software][OSS Icon]](https://github.com/iurvish/uselayouts) - [Yoshino-UI](https://yoshino-ui.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/Yoshino-UI/Yoshino?label=" /> - 一个基于react的可定制化的pc端组件库. [![Open-Source Software][OSS Icon]](https://github.com/Yoshino-UI/Yoshino) - [Zent](https://www.youzanyun.com/zanui/zent) <img align="bottom" height="13" src="https://badgen.net/github/stars/youzan/zent?label=" /> - A collection of essential UI components written with React. [![Open-Source Software][OSS Icon]](https://github.com/youzan/zent) - [Zero-UI](https://alphago88.github.io/Zero-UI/) <img align="bottom" height="13" src="https://badgen.net/github/stars/AlphaGo88/Zero-UI?label=" /> - An easy-to-use web UI component framework. [![Open-Source Software][OSS Icon]](https://github.com/AlphaGo88/Zero-UI) - [Zarm Web](https://web.zarm.design/) <img align="bottom" height="13" src="https://badgen.net/github/stars/JeromeLin/zarm-web?label=" /> - Web UI component framework. [![Open-Source Software][OSS Icon]](https://github.com/JeromeLin/zarm-web) - [zhui](https://zhui-team.github.io/zhui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/zhui-team/zhui?label=" /> - A Chinese style component library of react. [![Open-Source Software][OSS Icon]](https://github.com/zhui-team/zhui) ### Vue *<a href="https://github.com/vuejs/vue"><img src="./assets/vue.svg" height="14px" /></a> [Vue](https://github.com/vuejs/vue) based component library.* - [Ant Design Vue](https://vuecomponent.github.io/ant-design-vue) <img align="bottom" height="13" src="https://badgen.net/github/stars/vueComponent/ant-design-vue?label=" /> - Carbon design for VueJS. [![Open-Source Software][OSS Icon]](https://github.com/vueComponent/ant-design-vue) - [at-ui](https://at.aotu.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/AT-UI/at-ui?label=" /> - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0. [![Open-Source Software][OSS Icon]](https://github.com/AT-UI/at-ui) - [amaze-vue](https://smokingrabbit.github.io/amaze-vue/) <img align="bottom" height="13" src="https://badgen.net/github/stars/smokingRabbit/amaze-vue?label=" /> - UI Toolkit for Web, Vue2.0 .[![Open-Source Software][OSS Icon]](https://github.com/smokingRabbit/amaze-vue) - [ATUI](https://aliqin.github.io/atui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/aliqin/atui?label=" /> - A Vue.js 2.0 UI Toolkit for Web. [![Open-Source Software][OSS Icon]](https://github.com/aliqin/atui) - [Antue](https://zzuu666.github.io/antue/) <img align="bottom" height="13" src="https://badgen.net/github/stars/zzuu666/antue?label=" /> - A set of enterprise-class Vue UI components. [![Open-Source Software][OSS Icon]](https://github.com/zzuu666/antue) - [bootstrap-vue](https://bootstrap-vue.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/bootstrap-vue/bootstrap-vue?label=" /> - Implementation of [bootstrap-4](https://getbootstrap.com/) grid and components for Vue.js 2. [![Open-Source Software][OSS Icon]](https://github.com/bootstrap-vue/bootstrap-vue) - [Buefy](https://buefy.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/buefy/buefy?label=" /> - Material Design UI library for Vuejs 2.0. [![Open-Source Software][OSS Icon]](https://github.com/buefy/buefy) - [BalmUI](https://material.balmjs.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/balmjs/ui-vue?label=" /> - Next Generation Material UI for Vue.js. [![Open-Source Software][OSS Icon]](https://github.com/balmjs/ui-vue) - [Carvue.js](https://carvuejs.github.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/CarvueJS/carbon-components-vue?label=" /> - Carbon design for VueJS. [![Open-Source Software][OSS Icon]](https://github.com/CarvueJS/carbon-components-vue) - [Element](http://element.eleme.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ElemeFE/element?label=" /> - A Vue.js 2.0 UI Toolkit for Web. [![Open-Source Software][OSS Icon]](https://github.com/ElemeFE/element) - [Element Plus](https://element-plus.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/element-plus/element-plus?label=" /> - A Vue.js 3 UI library. [![Open-Source Software][OSS Icon]](https://github.com/element-plus/element-plus) - [fish-ui](https://myliang.github.io/fish-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/myliang/fish-ui?label=" /> - A Vue.js 2.0 UI Toolkit for Web. [![Open-Source Software][OSS Icon]](https://github.com/myliang/fish-ui) - [Fighting Design](https://fighting.tianyuhao.cn) <img align="bottom" height="13" src="https://badgen.net/github/stars/myliang/fish-ui?label=" /> - Fighting design can quickly build interactive interfaces in vue3 applications. [![Open-Source Software][OSS Icon]](https://github.com/FightingDesign/fighting-design) - [gulu UI](https://frankfang.github.io/gulu/) <img align="bottom" height="13" src="https://badgen.net/github/stars/FrankFang/gulu?label=" /> - 轱辘，面向源码阅读者的 UI 框架. [![Open-Source Software][OSS Icon]](https://github.com/FrankFang/gulu) - [HeyUI](http://www.heyui.top/) <img align="bottom" height="13" src="https://badgen.net/github/stars/heyui/heyui?label=" /> - UI Toolkit for Web, Vue2.0 . [![Open-Source Software][OSS Icon]](https://github.com/heyui/heyui) - [iView](https://www.iviewui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/iview/iview?label=" /> - A high quality UI Toolkit based on Vue.js. [![Open-Source Software][OSS Icon]](https://github.com/iview/iview) - [jsmod-pc-vue](https://github.com/chaogao/jsmod-pc-vue) <img align="bottom" height="13" src="https://badgen.net/github/stars/chaogao/jsmod-pc-vue?label=" /> - high scalability && freedom vue ui components. [![Open-Source Software][OSS Icon]](https://github.com/chaogao/jsmod-pc-vue) - [Lew-UI](https://lew.kamtao.com/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/lewkamtao/Lew-UI?label=" /> - A beautiful component library based on vue3 [![Open-Source Software][OSS Icon]](https://github.com/lewkamtao/Lew-UI) - [~~muse-ui~~](https://muse-ui.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/museui/muse-ui?label=" /> - Material Design UI library for Vuejs 2.0. [![Open-Source Software][OSS Icon]](https://github.com/museui/muse-ui) - [Material Components Vue](https://matsp.github.io/material-components-vue/) <img align="bottom" height="13" src="https://badgen.net/github/stars/matsp/material-components-vue?label=" /> - Material Design components for Vue.js. [![Open-Source Software][OSS Icon]](https://github.com/matsp/material-components-vue) - [N3-components](https://n3-components.github.io/N3-components/) <img align="bottom" height="13" src="https://badgen.net/github/stars/N3-components/N3-components?label=" /> Powerful Vue UI Library.[![Open-Source Software][OSS Icon]](https://github.com/N3-components/N3-components) - [Naive UI](https://www.naiveui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/TuSimple/naive-ui?label=" /> A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses Typescript. [![Open-Source Software][OSS Icon]](https://github.com/TuSimple/naive-ui) - [~~owl-ui~~](https://github.com/dengwb1991/owl-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/dengwb1991/owl-ui?label=" /> - Mobile UI component library. [![Open-Source Software][OSS Icon]](https://github.com/dengwb1991/owl-ui) - [PrimeVue](https://github.com/sudheerj/primevue) <img align="bottom" height="13" src="https://badgen.net/github/stars/sudheerj/primevue?label=" /> - UI Components for Vue. [![Open-Source Software][OSS Icon]](https://github.com/sudheerj/primevue) - [Quasar Framework](http://quasar-framework.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/quasarframework/quasar?label=" /> - Material Component Framework for Vue.js 2. [![Open-Source Software][OSS Icon]](https://github.com/quasarframework/quasar) - [Rubik UI](https://ccforward.github.io/rubik/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ccforward/rubik?label=" /> - Material Design 风格的 Vue.js UI 组件库. [![Open-Source Software][OSS Icon]](https://github.com/ccforward/rubik) - [Radix Vue](https://www.radix-vue.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/radix-vue/radix-vue?label=" /> - Vue port of Radix UI Primitives. [![Open-Source Software][OSS Icon]](https://github.com/radix-vue/radix-vue) - [Semantic UI Vue](https://semantic-ui-vue.github.io/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Semantic-UI-Vue/Semantic-UI-Vue?label=" /> - Semantic UI Vue is the Vue integration for Semantic UI. [![Open-Source Software][OSS Icon]](https://github.com/Semantic-UI-Vue/Semantic-UI-Vue) - [UI](https://vuejs.github.io/ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/vuejs/ui?label=" /> - UI components for official Vue organization apps. [![Open-Source Software][OSS Icon]](https://github.com/vuejs/ui) - [Uiv](https://uiv.wxsm.space/) <img align="bottom" height="13" src="https://badgen.net/github/stars/wxsms/uiv?label=" /> - Is a Bootstrap 3 component library for Vue 2.. [![Open-Source Software][OSS Icon]](https://github.com/wxsms/uiv) - [ui-vue-antd](https://aaronwn.github.io/vue-antd) <img align="bottom" height="13" src="https://badgen.net/github/stars/Aaronwn/ui-vue-antd?label=" /> - Antd component library implemented with Vue. [![Open-Source Software][OSS Icon]](https://github.com/Aaronwn/ui-vue-antd) - [unocss-ui](https://cherryful.github.io/unocss-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/cherryful/unocss-ui?label=" /> - A simple Vue3 component library based on Unocss [![Open-Source Software][OSS Icon]](https://github.com/cherryful/unocss-ui) - [vue-beauty](https://fe-driver.github.io/vue-beauty) <img align="bottom" height="13" src="https://badgen.net/github/stars/FE-Driver/vue-beauty?label=" /> - Beautiful UI components build with vue and ant design. [![Open-Source Software][OSS Icon]](https://github.com/FE-Driver/vue-beauty) - [VEUI](https://veui.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ecomfe/veui?label=" /> - Enterprise UI for Vue.js. [![Open-Source Software][OSS Icon]](https://github.com/ecomfe/veui) - [vue-material](http://vuematerial.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/vuematerial/vue-material?label=" /> - Material design for Vue.js. [![Open-Source Software][OSS Icon]](https://github.com/vuematerial/vue-material) - [vuesax](https://lusaxweb.github.io/vuesax/) <img align="bottom" height="13" src="https://badgen.net/github/stars/lusaxweb/vuesax?label=" /> - Vuesax Frontend Vue Components. [![Open-Source Software][OSS Icon]](https://github.com/lusaxweb/vuesax) - [vuetify](https://vuetifyjs.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/vuetifyjs/vuetify?label=" /> - Material Component Framework for Vue.js 2. [![Open-Source Software][OSS Icon]](https://github.com/vuetifyjs/vuetify) - [Vuikit](https://vuikit.js.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/vuikit/vuikit?label=" /> - UIkit with all the power of Vue. [![Open-Source Software][OSS Icon]](https://github.com/vuikit/vuikit) - [vue-weui](http://adcentury.github.io/vue-weui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/adcentury/vue-weui?label=" /> - WeUI Components with love of vue.js. [![Open-Source Software][OSS Icon]](https://github.com/adcentury/vue-weui) - [vue-bulma-components](https://github.com/vouill/vue-bulma-components) <img align="bottom" height="13" src="https://badgen.net/github/stars/vouill/vue-bulma-components?label=" /> - Translate Bulma css api to vue components. [![Open-Source Software][OSS Icon]](https://github.com/vouill/vue-bulma-components) - [v-semantic](https://github.com/eddow/v-semantic) <img align="bottom" height="13" src="https://badgen.net/github/stars/eddow/v-semantic?label=" /> - Integration of [semantic-ui2](https://semantic-ui.com/) with vue.js2. [![Open-Source Software][OSS Icon]](https://github.com/eddow/v-semantic) - [vue-mdc-adapter](https://stasson.github.io/vue-mdc-adapter/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/stasson/vue-mdc-adapter?label=" /> - Material Components for VueJS. [![Open-Source Software][OSS Icon]](https://github.com/stasson/vue-mdc-adapter) - [vuecidity](https://vuecidity.wemakesites.net/) - UI component framework for Vue.js 2.0. [![Open-Source Software][OSS Icon]](https://bitbucket.org/acidmartin/vuecidity/) - [Vuestic UI](https://vuestic.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/epicmaxco/vuestic-ui?label=" /> - Free and Open Source UI Library for Vue 3. [![Open-Source Software][OSS Icon]](https://github.com/epicmaxco/vuestic-ui) - [vx-ui](http://vx.bittyos.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/yunfeihuang/vx-ui?label=" /> - vue components. [![Open-Source Software][OSS Icon]](https://github.com/yunfeihuang/vx-ui) - [zircleUI](http://zircle.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/zircleUI/zircleUI?label=" /> - A circular zooming UI library. [![Open-Source Software][OSS Icon]](https://github.com/zircleUI/zircleUI) - [xy-ui](https://xy-ui.codelabo.cn) <img align="bottom" height="13" src="https://badgen.net/github/stars/XboxYan/xy-ui?label=" /> - 面向未来的原生 web components UI组件库。 [![Open-Source Software][OSS Icon]](https://github.com/XboxYan/xy-ui) - [zeit](https://zeit-vue.now.sh) <img align="bottom" height="13" src="https://badgen.net/github/stars/zeit-ui/vue?label=" /> - Vue implementation for Zeit Style. [![Open-Source Software][OSS Icon]](https://github.com/zeit-ui/vue) ### Angular *<a href="https://github.com/angular/angular"><img src="./assets/angular-icon.svg" height="14px" /></a> [Angular](https://github.com/angular/angular) based component library.* - [Alyle UI](https://alyle-ui.firebaseapp.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/A-l-y-l-e/Alyle-UI?label=" /> - Minimal Design, a set of components for Angular. [![Open-Source Software][OSS Icon]](https://github.com/A-l-y-l-e/Alyle-UI) - [Alauda UI](https://aui.js.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/alauda/ui?label=" /> - Internal Angular UI framework for Alauda Frontend Team. [![Open-Source Software][OSS Icon]](https://github.com/alauda/ui) - [Element Angular](https://element-angular.faas.ele.me) <img align="bottom" height="13" src="https://badgen.net/github/stars/ElemeFE/element-angular?label=" /> - Element Design components built on top of Angular 2 [![Open-Source Software][OSS Icon]](https://github.com/ElemeFE/element-angular) - [fuel-ui](http://fuelinteractive.github.io/fuel-ui/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/FuelInteractive/fuel-ui?label=" /> - Bootstrap 4 components and directives for use in Angular 2 [![Open-Source Software][OSS Icon]](https://github.com/FuelInteractive/fuel-ui) - [Material](https://material.angular.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/angular/material2?label=" /> - Material Design components for Angular [![Open-Source Software][OSS Icon]](https://github.com/angular/material2) - [ngOfficeUIFabric](http://ngofficeuifabric.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/ngOfficeUIFabric/ng-officeuifabric?label=" /> - A community-driven project that simplifies implementing Fabric in Angular-based apps [![Open-Source Software][OSS Icon]](https://github.com/ngOfficeUIFabric/ng-officeuifabric) - [NG-ZORRO](https://ng.ant.design/docs/introduce/en) <img align="bottom" height="13" src="https://badgen.net/github/stars/NG-ZORRO/ng-zorro-antd?label=" /> - Ant Design of Angular [![Open-Source Software][OSS Icon]](https://github.com/NG-ZORRO/ng-zorro-antd) - [ng2-bootstrap](https://valor-software.com/ngx-bootstrap/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/valor-software/ngx-bootstrap?label=" /> - Native Angular2 Bootstrap 3&4 components [![Open-Source Software][OSS Icon]](https://github.com/valor-software/ngx-bootstrap) - [ng-lightning](http://ng-lightning.github.io/ng-lightning/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ng-lightning/ng-lightning?label=" /> - Native Angular 2 components & directives for Lightning Design System [![Open-Source Software][OSS Icon]](https://github.com/ng-lightning/ng-lightning) - [~~ngSemantic~~](https://github.com/vladotesanovic/ngSemantic) <img align="bottom" height="13" src="https://badgen.net/github/stars/vladotesanovic/ngSemantic?label=" /> - UI components based on Semantic UI [![Open-Source Software][OSS Icon]](https://github.com/vladotesanovic/ngSemantic) - [ngx-ui](https://swimlane.github.io/ngx-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/swimlane/ngx-ui?label=" /> - Style and Component Library for Angular2 and beyond! [![Open-Source Software][OSS Icon]](https://github.com/swimlane/ngx-ui) - [ng-devui](https://devui.design/) <img align="bottom" height="13" src="https://badgen.net/github/stars/DevCloudFE/ng-devui?label=" /> - DevUI components based on Angular! [![Open-Source Software][OSS Icon]](https://github.com/DevCloudFE/ng-devui) - [ng-bootstrap](https://ng-bootstrap.github.io/#/home) <img align="bottom" height="13" src="https://badgen.net/github/stars/ng-bootstrap/ng-bootstrap?label=" /> - Angular 4 directives for Bootstrap 4 by the ui-bootstrap team [![Open-Source Software][OSS Icon]](https://github.com/ng-bootstrap/ng-bootstrap) - [prime-ng](https://www.primefaces.org/primeng/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/primefaces/primeng?label=" /> - Collection of rich UI components for Angular 2 [![Open-Source Software][OSS Icon]](https://github.com/primefaces/primeng) - [Teradata covalent](https://teradata.github.io/covalent/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Teradata/covalent?label=" /> - UI Platform built on @angular/material 2.0 [![Open-Source Software][OSS Icon]](https://github.com/Teradata/covalent) - [telerik-angular](http://www.telerik.com/kendo-angular-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/telerik/kendo-angular?label=" /> - Kendo UI for Angular. [![Open-Source Software][OSS Icon]](https://github.com/telerik/kendo-angular) - [~~vmware clarity~~](https://clarity.design/) <img align="bottom" height="13" src="https://badgen.net/github/stars/vmware-archive/clarity?label=" /> - Mostly a CSS only framework but some components are ported to Angular 2 [![Open-Source Software][OSS Icon]](https://github.com/vmware-archive/clarity) ### Tailwind - [**tailwindcss**](https://tailwindcss.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/tailwindlabs/tailwindcss?label=" /> - A utility-first CSS framework for rapid UI development. [![Open-Source Software][OSS Icon]](https://github.com/tailwindlabs/tailwindcss) - [shadcn/ui](https://ui.shadcn.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/shadcn/ui?label=" /> - Beautifully designed components built with Radix UI and Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/shadcn/ui) - [Vechai UI](https://www.vechaiui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/vechai/vechaiui?label=" /> - A set of high-quality accessible React UI components with the built-in dark mode using Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/vechai/vechaiui) - [DaisyUI](https://daisyui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/saadeghi/daisyui?label=" /> - Adds component classes like btn, card and more to Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/saadeghi/daisyui) - [Equal UI](https://equal-ui.github.io/Equal/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Equal-UI/Equal?label=" /> - Equal UI is a Vue 3 UI library empowered by Tailwindcss. [![Open-Source Software][OSS Icon]](https://github.com/Equal-UI/Equal) - [Float UI](https://www.flowbite-react.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/MarsX-dev/floatui?label=" /> Beautiful and responsive UI components and templates for React and Vue (soon) with Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/MarsX-dev/floatui) - [Flowbite](https://www.flowbite-react.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/themesberg/flowbite-react?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. [![Open-Source Software][OSS Icon]](https://github.com/themesberg/flowbite-react) - [gitlab-ui](https://gitlab-org.gitlab.io/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](https://design.gitlab.com/), our design system. [![Open-Source Software][OSS Icon]](https://gitlab.com/gitlab-org/gitlab-ui) - [Headless UI](https://headlessui.dev) <img align="bottom" height="13" src="https://badgen.net/github/stars/tailwindlabs/headlessui?label=" /> - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/tailwindlabs/headlessui) - [LangUI](https://www.langui.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ahmadbilaldev/langui?label=" /> - UI for your AI. Open Source Tailwind components tailored for your GPT, generative AI, and LLM projects. [![Open-Source Software][OSS Icon]](https://github.com/ahmadbilaldev/langui) - [Sailboat UI](https://sailboatui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/sailboatui/sailboatui?label=" /> - Sailboat UI is a modern UI component library for Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/sailboatui/sailboatui) - [Tailwind-Elements](https://tailwind-elements.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/mdbootstrap/Tailwind-Elements?label=" /> - 𝙃𝙪𝙜𝙚 collection of Tailwind components, sections and templates [![Open-Source Software][OSS Icon]](https://github.com/mdbootstrap/Tailwind-Elements/) - [Konsta UI](https://konstaui.com/) Mobile UI components made with Tailwind CSS [![Open-Source Software][OSS Icon]](https://github.com/konstaui/konsta) - [Keep React](https://react.keepdesign.io/) Keep React is an open-source component library built on Tailwind CSS and React.js [![Open-Source Software][OSS Icon]](https://github.com/StaticMania/keep-react) - [FlyonUI](https://flyonui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/themeselection/flyonui?label=" /> - An open-source Tailwind CSS Components Library with semantic classes and powerful JS plugin. [![Open-Source Software][OSS Icon]](https://github.com/themeselection/flyonui) - [Shadcn Studio](https://shadcnstudio.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/themeselection/flyonui?label=" /> - Preview your theme changes across different components and layouts. [![Open-Source Software][OSS Icon]](https://github.com/themeselection/shadcn-studio) - [Shadcn Space](https://shadcnspace.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/shadcnspace/shadcnspace?label=" /> - Craft modern UIs faster with our extra-ordinary designed Shadcn UI components, blocks & templates. [![Open-Source Software][OSS Icon]](https://github.com/shadcnspace/shadcnspace) ### San *<a href="https://github.com/ecomfe/san"><img src="./assets/san-icon.svg" height="16px" /></a> [San](https://github.com/ecomfe/san) is a flexible JavaScript component framework* - [san-mui](https://ecomfe.github.io/san-mui) <img align="bottom" height="13" src="https://badgen.net/github/stars/ecomfe/san-mui?label=" /> - A Set of SAN Components that Implement Google's Material Design [![Open-Source Software][OSS Icon]](https://github.com/ecomfe/san-mui) ### Mithril - [Construct-UI](https://vrimar.github.io/construct-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/vrimar/construct-ui?label=" /> - A Mithril.js UI library. [![Open-Source Software][OSS Icon]](https://github.com/vrimar/construct-ui) - [polythene](https://github.com/ArthurClemens/polythene) <img align="bottom" height="13" src="https://badgen.net/github/stars/ArthurClemens/polythene?label=" /> - Material Design component library for Mithril and React [![Open-Source Software][OSS Icon]](https://github.com/ArthurClemens/polythene) ### Svelte - [Bits UI](https://www.bits-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/huntabyte/bits-ui?label=" /> - The headless components for Svelte. [![Open-Source Software][OSS Icon]](https://github.com/huntabyte/bits-ui) - [ikun-ui](https://ikun-ui-docs.vercel.app/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ikun-svelte/ikun-ui?label=" /> - A Svelte.js based UnoCSS UI library that allows you to make websites [![Open-Source Software][OSS Icon]](https://github.com/ikun-svelte/ikun-ui) - [Melt UI](https://melt-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/melt-ui/melt-ui?label=" /> - A set of headless, accessible component builders for Svelte. [![Open-Source Software][OSS Icon]](https://github.com/melt-ui/melt-ui) ### WebCell *<a href="https://web-cell.dev/"><img src="https://github.com/EasyWebApp.png" height="16px" /></a> [WebCell](https://web-cell.dev/) is a Web Components engine based on JSX & TypeScript* - [BootCell](https://bootstrap.web-cell.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/EasyWebApp/BootCell?label=" /> - Web Components UI library based on WebCell v3 & BootStrap v5 [![Open-Source Software][OSS Icon]](https://github.com/EasyWebApp/BootCell) ### All In _Support [React](https://github.com/facebook/react), [Angular](https://github.com/angular/angular) and [Vue](https://github.com/vuejs/vue)_ - [Ark UI](https://ark-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/chakra-ui/ark?label=" /> - A headless library for building reusable, scalable design systems that works for a wide range of JS frameworks [![Open-Source Software][OSS Icon]](https://github.com/chakra-ui/ark) - [Handsontable](https://handsontable.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/handsontable/handsontable?label=" /> - JavaScript/HTML5 Data Grid Component with Spreadsheet Look & Feel [![Open-Source Software][OSS Icon]](https://github.com/handsontable/handsontable) - [MUI](https://www.muicss.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/muicss/mui?label=" /> - Lightweight CSS framework [![Open-Source Software][OSS Icon]](https://github.com/muicss/mui) - [Onsen UI](https://onsen.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/OnsenUI/OnsenUI?label=" /> - Mobile app development framework and SDK using HTML5 and JavaScript. [![Open-Source Software][OSS Icon]](https://github.com/OnsenUI/OnsenUI) - [Park UI](https://park-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/cschroeter/park-ui?label=" /> - Beautifully designed components built on Ark UI that work for the JS and CSS frameworks of your choice. [![Open-Source Software][OSS Icon]](https://github.com/cschroeter/park-ui) - [KPC](https://onsen.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ksc-fe/kpc?label=" /> - A UI components library for Intact, Vue, React and Angular. [![Open-Source Software][OSS Icon]](https://github.com/ksc-fe/kpc) - [storybook](https://storybook.js.org) <img align="bottom" height="13" src="https://badgen.net/github/stars/storybooks/storybook?label=" /> - Interactive UI component dev & test: React, React Native, Vue, Angular [![Open-Source Software][OSS Icon]](https://github.com/storybooks/storybook) - [Zag](https://onsen.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/chakra-ui/zag?label=" /> - Finite state machines for accessible JavaScript components. [![Open-Source Software][OSS Icon]](https://github.com/chakra-ui/zag) ### Tradition - [Bootstrap](http://getbootstrap.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/twbs/bootstrap?label=" /> - Create beautiful apps with modular and customizable UI components. [![Open-Source Software][OSS Icon]](https://github.com/twbs/bootstrap) - [Bulma](https://bulma.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/jgthms/bulma?label=" /> - is a free and open source CSS framework based on Flexbox. [![Open-Source Software][OSS Icon]](https://github.com/jgthms/bulma) - [Pico.css](https://picocss.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/picocss/pico?label=" /> - Minimal CSS Framework for semantic HTML. [![Open-Source Software][OSS Icon]](https://github.com/picocss/pico) - [bootflat](https://github.com/bootflat/bootflat.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/bootflat/bootflat.github.io?label=" /> - BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. [![Open-Source Software][OSS Icon]](https://github.com/bootflat/bootflat.github.io) - [design-system](https://github.com/salesforce-ux/design-system) <img align="bottom" height="13" src="https://badgen.net/github/stars/salesforce-ux/design-system?label=" /> - Salesforce Lightning Design System. [![Open-Source Software][OSS Icon]](https://github.com/salesforce-ux/design-system) - [DXY-UI](https://dxy-f2e.github.io/dxy-ui/docs/) <img align="bottom" height="13" src="https://badgen.net/github/stars/jgthms/bulma?label=" /> - DXY-UI是一套适用于桌面端的前端UI库，不包含任何JS，仅仅关注样式。 [![Open-Source Software][OSS Icon]](https://github.com/jgthms/bulma) - [LuLu](https://l-ui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/yued-fe/lulu?label=" /> - LuLu UI for PC web. [![Open-Source Software][OSS Icon]](https://github.com/yued-fe/lulu) - [Layui](https://layui.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/layui/layui?label=" /> - 一款采用自身模块规范编写的情怀型前端UI框架. [![Open-Source Software][OSS Icon]](https://github.com/layui/layui/) - [Lit](https://ajusa.github.io/lit/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ajusa/lit?label=" /> - A ridiculously small responsive css framework. [![Open-Source Software][OSS Icon]](https://github.com/ajusa/lit) - [Material](https://material.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/material-components/material-components-web?label=" /> - Create beautiful apps with modular and customizable UI components. [![Open-Source Software][OSS Icon]](https://github.com/material-components/material-components-web) - [Metro 4](https://metroui.org.ua) <img align="bottom" height="13" src="https://badgen.net/github/stars/olton/Metro-UI-CSS?label=" /> - Build responsive, mobile-first projects on the web with the first front-end component library in Metro Style. [![Open-Source Software][OSS Icon]](https://github.com/olton/Metro-UI-CSS) - [MDUI](https://www.mdui.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/zdhxiong/mdui?label=" /> - 一套用于开发 Material Design 网页的前端框架。 [![Open-Source Software][OSS Icon]](https://github.com/zdhxiong/mdui) - [Mustard UI](https://kylelogue.github.io/mustard-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/material-components/material-components-web?label=" /> - A starter CSS framework that actually looks good. [![Open-Source Software][OSS Icon]](https://github.com/kylelogue/mustard-ui) - [moye](http://ecomfe.github.io/moye/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ecomfe/moye?label=" /> - A Simple UI Library for ZX. [![Open-Source Software][OSS Icon]](https://github.com/ecomfe/moye) - [NES.css](https://nostalgic-css.github.io/NES.css/) <img align="bottom" height="13" src="https://badgen.net/github/stars/nostalgic-css/NES.css?label=" /> - NES.css is NES-style (8bit-like) CSS Framework. [![Open-Source Software][OSS Icon]](https://github.com/nostalgic-css/NES.css) - [Pure.css](https://purecss.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/yahoo/pure?label=" /> - A set of small, responsive CSS modules that you can use in every web project. [![Open-Source Software][OSS Icon]](https://github.com/yahoo/pure) - [photon](http://photonkit.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/connors/photon?label=" /> - The fastest way to build beautiful Electron apps using simple HTML and CSS. [![Open-Source Software][OSS Icon]](https://github.com/connors/photon) - [PaperCSS](http://photonkit.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/papercss/papercss?label=" /> - The less formal CSS framework, with a quick and easy integration. [![Open-Source Software][OSS Icon]](https://github.com/papercss/papercss) - [rui](https://github.com/r-ui/rui) <img align="bottom" height="13" src="https://badgen.net/github/stars/r-ui/rui?label=" /> - 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。. [![Open-Source Software][OSS Icon]](https://github.com/r-ui/rui) - [Shoelace](https://picturepan2.github.io/spectre/) <img align="bottom" height="13" src="https://badgen.net/github/stars/shoelace-style/shoelace?label=" /> - A collection of professionally designed, every day UI components built on a framework-agnostic technology. [![Open-Source Software][OSS Icon]](https://github.com/shoelace-style/shoelace) - [spectre](https://picturepan2.github.io/spectre/) <img align="bottom" height="13" src="https://badgen.net/github/stars/picturepan2/spectre?label=" /> - A Lightweight, Responsive and Modern CSS Framework. [![Open-Source Software][OSS Icon]](https://github.com/picturepan2/spectre) - [~~SUI~~](https://github.com/sdc-alibaba/SUI-Mobile) <img align="bottom" height="13" src="https://badgen.net/github/stars/sdc-alibaba/SUI-Mobile?label=" /> - A framework based on the development of Framework7 UI library. [![Open-Source Software][OSS Icon]](https://github.com/sdc-alibaba/SUI-Mobile) - [~~SuperUI~~](https://github.com/tzhsweet/superui) <img align="bottom" height="13" src="https://badgen.net/github/stars/tzhsweet/superui?label=" /> - 让体验变得如此完美，开发变得如此简单。 [![Open-Source Software][OSS Icon]](https://github.com/tzhsweet/superui) - [svelte-spectre](https://kit.metis.science/) <img align="bottom" height="13" src="https://badgen.net/github/stars/basf/svelte-spectre?label=" /> - A Spectre kit for Svelte framework. [![Open-Source Software][OSS Icon]](https://github.com/basf/svelte-spectre) - [Tabler](https://tabler.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/tabler/tabler?label=" /> - is free and open-source HTML Dashboard UI Kit built on Bootstrap 4. [![Open-Source Software][OSS Icon]](https://github.com/tabler/tabler) - [UIkit](https://getuikit.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/uikit/uikit?label=" /> - A lightweight and modular front-end framework for developing fast and powerful web interfaces. [![Open-Source Software][OSS Icon]](https://github.com/uikit/uikit) - [weui](https://weui.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Tencent/weui?label=" /> - tailor-made for WeChat web service. [![Open-Source Software][OSS Icon]](https://github.com/Tencent/weui) - [ZUI](http://zui.sexy/) <img align="bottom" height="13" src="https://badgen.net/github/stars/easysoft/zui?label=" /> - 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。. [![Open-Source Software][OSS Icon]](https://github.com/easysoft/zui) ## Mobile UI Components ### React - [Auto-UI](https://aotuzuche.github.io/auto-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/aotuzuche/auto-ui?label=" /> - Auto UI Web Components for mobile devices based on React. [![Open-Source Software][OSS Icon]](https://github.com/aotuzuche/auto-ui) - [Annar](https://annasearl.github.io/anna-remax-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/aotuzuche/auto-ui?label=" /> - 优雅、简洁的 Remax 组件库. [![Open-Source Software][OSS Icon]](https://github.com/AnnaSearl/anna-remax-ui) - [~~mazeui-touch~~](https://github.com/amazeui/amazeui-touch) <img align="bottom" height="13" src="https://badgen.net/github/stars/amazeui/amazeui-touch?label=" /> - Web Components for mobile devices based on React. [![Open-Source Software][OSS Icon]](https://github.com/amazeui/amazeui-touch) - [~~nowui~~](https://github.com/iv-web/nowui) <img align="bottom" height="13" src="https://badgen.net/github/stars/iv-web/nowui?label=" /> - A React.js UI Toolkit for Web. [![Open-Source Software][OSS Icon]](https://github.com/iv-web/nowui) - [VKUI](https://vkcom.github.io/VKUI/) <img align="bottom" height="13" src="https://badgen.net/github/stars/VKCOM/VKUI?label=" /> - React components that can be used to create interfaces that look indistinguishable from our iOS and Android apps. [![Open-Source Software][OSS Icon]](https://github.com/VKCOM/VKUI) - [Yo](https://ued.qunar.com/hy2/yo/index.html) <img align="bottom" height="13" src="https://badgen.net/github/stars/doyoe/Yo?label=" /> - Lightweight, easy-to-use, configurable, and extensible mobile front-end development framework.. [![Open-Source Software][OSS Icon]](https://github.com/doyoe/Yo) - [yep-react](https://yep-react.jd.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/jdf2e/yep-react?label=" /> - yep react UI component. [![Open-Source Software][OSS Icon]](https://github.com/jdf2e/yep-react) - [Zarm](https://zarm.gitee.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/ZhongAnTech/zarm?label=" /> - 基于 React、React-Native 的移动端UI组件库 [![Open-Source Software][OSS Icon]](https://github.com/ZhongAnTech/zarm) ### React Native Components for React Native applications - [Ant Design Mobile](https://rn.mobile.ant.design/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ant-design/ant-design-mobile-rn?label=" /> - Ant Design for React Native. [![Open-Source Software][OSS Icon]](https://github.com/ant-design/ant-design-mobile-rn) - [~~blankapp/ui~~](https://github.com/blankapp/ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/GeekyAnts/NativeBase?label=" /> - Highly customizable and theming components for React Native. [![Open-Source Software][OSS Icon]](https://github.com/blankapp/ui) - [carbon-native](http://getcarbonnative.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/carbon-native/carbon-native?label=" /> - Essential cross-platform UI components for React Native. [![Open-Source Software][OSS Icon]](https://github.com/carbon-native/carbon-native) - [kittenTricks](https://akveo.github.io/react-native-ui-kitten/) <img align="bottom" height="13" src="https://badgen.net/github/stars/akveo/kittenTricks?label=" /> - A react native mobile starter kit with over 40 screens and theme hot reload support. [![Open-Source Software][OSS Icon]](https://github.com/akveo/kittenTricks) - [mCloud-Design-Mobile](https://troila-mobile.github.io/mCloud-Design-Mobile/) <img align="bottom" height="13" src="https://badgen.net/github/stars/troila-mobile/mCloud-Design-Mobile?label=" /> - mCloud Design Mobile for React Native. [![Open-Source Software][OSS Icon]](https://github.com/troila-mobile/mCloud-Design-Mobile) - [NativeBase](https://nativebase.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/GeekyAnts/NativeBase?label=" /> - Essential cross-platform UI components for React Native. [![Open-Source Software][OSS Icon]](https://github.com/GeekyAnts/NativeBase) - [~~Nachos UI~~](https://github.com/nachos-ui/nachos-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/nachos-ui/nachos-ui?label=" /> - Nachos UI is a React Native component library. [![Open-Source Software][OSS Icon]](https://github.com/nachos-ui/nachos-ui) - [Paper](https://callstack.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/callstack/react-native-paper?label=" /> - Material design for React Native. [![Open-Source Software][OSS Icon]](https://github.com/callstack/react-native-paper) - [panza](https://github.com/panza-org/panza) <img align="bottom" height="13" src="https://badgen.net/github/stars/panza-org/panza?label=" /> - react-native stateless functional UI components to get you up and running quickly. [![Open-Source Software][OSS Icon]](https://github.com/panza-org/panza) - [Rax](https://alibaba.github.io/rax) <img align="bottom" height="13" src="https://badgen.net/github/stars/alibaba/rax?label=" /> - A universal React-compatible render engine. [![Open-Source Software][OSS Icon]](https://github.com/alibaba/rax) - [react-native-ui-lib](https://github.com/wix/react-native-ui-lib) <img align="bottom" height="13" src="https://badgen.net/github/stars/wix/react-native-ui-lib?label=" /> - UI Components Library for React Native. [![Open-Source Software][OSS Icon]](https://github.com/wix/react-native-ui-lib) - [react-native-ui-kitten](https://akveo.github.io/react-native-ui-kitten) <img align="bottom" height="13" src="https://badgen.net/github/stars/akveo/react-native-ui-kitten?label=" /> - Customizable and reusable react-native component kit. [![Open-Source Software][OSS Icon]](https://github.com/akveo/react-native-ui-kitten) - [react-native-elements](https://reactnativeelements.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/react-native-elements/react-native-elements?label=" /> - Customizable and reusable react-native component kit. [![Open-Source Software][OSS Icon]](https://github.com/react-native-elements/react-native-elements) - [react-native-uiw](https://github.com/uiwjs/react-native-uiw) <img align="bottom" height="13" src="https://badgen.net/github/stars/uiwjs/react-native-uiw?label=" /> - UIW for React Native. [![Open-Source Software][OSS Icon]](https://github.com/uiwjs/react-native-uiw) - [react-native-material-design](http://react-native-material-design.github.io/components/checkbox) <img align="bottom" height="13" src="https://badgen.net/github/stars/react-native-material-design/react-native-material-design?label=" /> - React Native UI Components for Material Design. [![Open-Source Software][OSS Icon]](https://github.com/react-native-material-design/react-native-material-design) - [rnx-ui](https://github.com/rnxteam/rnx-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/rnxteam/rnx-ui?label=" /> - A UI Lib for React Native. [![Open-Source Software][OSS Icon]](https://github.com/rnxteam/rnx-ui) - [react-uikit](https://github.com/react-uikit/react-uikit) <img align="bottom" height="13" src="https://badgen.net/github/stars/react-uikit/react-uikit?label=" /> - React and React Native components which implement Cards' Binary Design. [![Open-Source Software][OSS Icon]](https://github.com/react-uikit/react-uikit) - [Tamagui](https://tamagui.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/tamagui/tamagui?label=" /> - Universal UI kit and style system for React Native + Web. [![Open-Source Software][OSS Icon]](https://github.com/tamagui/tamagui) - [teaset](https://github.com/rilyu/teaset) <img align="bottom" height="13" src="https://badgen.net/github/stars/rilyu/teaset?label=" /> - A UI library for react native, provides 20+ pure JS(ES6) components. [![Open-Source Software][OSS Icon]](https://github.com/rilyu/teaset) - [Shoutem UI](https://shoutem.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/shoutem/ui?label=" /> - Customizable set of components for React Native applications. [![Open-Source Software][OSS Icon]](https://github.com/shoutem/ui) - [SaltUI](https://salt-ui.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/salt-ui/saltui?label=" /> - SaltUI is a set of React UI components cooperated with DingTalk. [![Open-Source Software][OSS Icon]](https://github.com/salt-ui/saltui) - [小暑 xiǎo shǔ](https://24jieqi.github.io/react-native-xiaoshu/) <img align="bottom" height="13" src="https://badgen.net/github/stars/24jieqi/react-native-xiaoshu?label=" /> - React Native UI library. [![Open-Source Software][OSS Icon]](https://github.com/24jieqi/react-native-xiaoshu) ### Vue - [cube-ui](https://didi.github.io/cube-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/didi/cube-ui?label=" /> - A fantastic mobile ui lib implement by Vue.js. [![Open-Source Software][OSS Icon]](https://github.com/didi/cube-ui) - [nutui](https://nutui.jd.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/jdf2e/nutui?label=" /> A Vue.js 2.0 UI Toolkit for Mobile Web.[![Open-Source Software][OSS Icon]](https://github.com/jdf2e/nutui) - [~~ml-ui~~](https://github.com/zdliuccit/ml-ui) <img align="bottom" height="13" src="https://badgen.net/github/stars/zdliuccit/ml-ui?label=" /> - A personal 基于 Vue 2.0 的 Mobile 组件库 ml-ui. [![Open-Source Software][OSS Icon]](https://github.com/zdliuccit/ml-ui) - [Mand Mobile](https://didi.github.io/mand-mobile) <img align="bottom" height="13" src="https://badgen.net/github/stars/didi/mand-mobile?label=" /> - A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios.. [![Open-Source Software][OSS Icon]](https://github.com/didi/mand-mobile) - [Mint UI](http://mint-ui.github.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ElemeFE/mint-ui?label=" /> - A personal Vue UI component library for Mobile. [![Open-Source Software][OSS Icon]](https://github.com/ElemeFE/mint-ui) - [Varlet](https://varlet.gitee.io/varlet-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/varletjs/varlet?label=" /> - Material design mobile component library for Vue3. [![Open-Source Software][OSS Icon]](https://github.com/varletjs/varlet) - [Vue Carbon](http://www.myronliu.com/vue-carbon) <img align="bottom" height="13" src="https://badgen.net/github/stars/myronliu347/vue-carbon?label=" /> - Mobile UI Components Library based on Vue 2.0 at Weidian. [![Open-Source Software][OSS Icon]](https://github.com/myronliu347/vue-carbon) - [vux](https://vux.li/) <img align="bottom" height="13" src="https://badgen.net/github/stars/airyland/vux?label=" /> - Mobile UI Components based on Vue & WeUI. [![Open-Source Software][OSS Icon]](https://github.com/airyland/vux) - [Vusion](https://vusion.github.io/vusion-ui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/vusion/vusion-ui?label=" /> - Vusion UI. [![Open-Source Software][OSS Icon]](https://github.com/vusion/vusion-ui) - [Vant](https://youzan.github.io/vant/) <img align="bottom" height="13" src="https://badgen.net/github/stars/youzan/vant?label=" /> - A Vue.js 2.0 Mobile UI at YouZan. [![Open-Source Software][OSS Icon]](https://github.com/youzan/vant) - [vue-ydui](http://vue.ydui.org/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ydcss/vue-ydui?label=" /> - A mobile components Library with Vue2.js. [![Open-Source Software][OSS Icon]](https://github.com/ydcss/vue-ydui) - [WDUI](https://wdfe.github.io/wdui/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/wdfe/wdui?label=" /> - Mobile UI Components Library based on Vue 2.0 at Weidian. [![Open-Source Software][OSS Icon]](https://github.com/wdfe/wdui) - [x-vui](https://brickies.github.io/vui/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Brickies/vui?label=" /> - A personal Vue UI component library for Mobile. [![Open-Source Software][OSS Icon]](https://github.com/Brickies/vui) ### Wechat - [iview-weapp](https://weapp.iviewui.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/TalkingData/iview-weapp?label=" /> - 一套高质量的微信小程序 UI 组件库。[![Open-Source Software][OSS Icon]](https://github.com/TalkingData/iview-weapp) - [kai-ui](https://chaunjie.github.io/kui/dist) <img align="bottom" height="13" src="https://badgen.net/github/stars/Chaunjie/kai-ui?label=" /> - 高颜值组件库，简单易用，同时支持原生和wepy框架。[![Open-Source Software][OSS Icon]](https://github.com/Chaunjie/kai-ui) - [taro-ui](https://taro-ui.aotu.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/NervJS/taro-ui?label=" /> - 一款基于 Taro 框架开发的多端 UI 组件库。[![Open-Source Software][OSS Icon]](https://github.com/NervJS/taro-ui) - [wa-ui](https://github.com/liujians/wa-ui/wiki) <img align="bottom" height="13" src="https://badgen.net/github/stars/liujians/Wa-UI?label=" /> - 针对微信小程序整合的一套UI库。[![Open-Source Software][OSS Icon]](https://github.com/liujians/Wa-UI) - [weui-wxss](https://github.com/Tencent/weui-wxss) <img align="bottom" height="13" src="https://badgen.net/github/stars/Tencent/weui-wxss?label=" /> - WeUI for 小程序。 [![Open-Source Software][OSS Icon]](https://github.com/Tencent/weui-wxss) - [weui-miniprogram](https://github.com/Tencent/weui-wxss) <img align="bottom" height="13" src="https://badgen.net/github/stars/wechat-miniprogram/weui-miniprogram?label=" /> - 小程序WeUI组件库。 [![Open-Source Software][OSS Icon]](https://github.com/wechat-miniprogram/weui-miniprogram) - [Wuss Weapp](https://github.com/phonycode/wuss-weapp) <img align="bottom" height="13" src="https://badgen.net/github/stars/phonycode/wuss-weapp?label=" /> - 一款高质量，组件齐全，高自定义的微信小程序 UI 组件库。 [![Open-Source Software][OSS Icon]](https://github.com/phonycode/wuss-weapp) - [wx-charts](https://github.com/xiaolin3303/wx-charts) <img align="bottom" height="13" src="https://badgen.net/github/stars/xiaolin3303/wx-charts?label=" /> - 微信小程序图表charts组件，Charts for WeChat small app。[![Open-Source Software][OSS Icon]](https://github.com/xiaolin3303/wx-charts) - [wemark](https://github.com/TooBug/wemark) <img align="bottom" height="13" src="https://badgen.net/github/stars/TooBug/wemark?label=" /> - 微信小程序Markdown渲染库。[![Open-Source Software][OSS Icon]](https://github.com/TooBug/wemark) - [vant-weapp](https://youzan.github.io/vant-weapp) <img align="bottom" height="13" src="https://badgen.net/github/stars/youzan/vant-weapp?label=" /> - 高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞。 [![Open-Source Software][OSS Icon]](https://github.com/youzan/vant-weapp) - [zanui-weapp](https://github.com/youzan/zanui-weapp) <img align="bottom" height="13" src="https://badgen.net/github/stars/youzan/zanui-weapp?label=" /> - 高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞。 [![Open-Source Software][OSS Icon]](https://github.com/youzan/zanui-weapp) ### Tradition - [AUI](http://www.auicss.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/liulangnan/aui?label=" /> - 移动端UI快速布局解决方案，一个靠谱的高性能移动前端框架。 [![Open-Source Software][OSS Icon]](https://github.com/liulangnan/aui) - [FrozenUI](http://frozenui.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/frozenui/frozenui?label=" /> - FrozenUI的CSS组件库，基于腾讯手Q样式规范，腾讯QXD出品。 [![Open-Source Software][OSS Icon]](https://github.com/frozenui/frozenui) - [weui.js](https://weui.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/Tencent/weui?label=" /> - A lightweight javascript library for WeUI. [![Open-Source Software][OSS Icon]](https://github.com/Tencent/weui) ## Admin Template ### React - [ant-design-pro](https://preview.pro.ant.design/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ant-design/ant-design-pro?label=" /> - An out-of-box UI solution for enterprise applications. [![Open-Source Software][OSS Icon]](https://github.com/ant-design/ant-design-pro) - [antd-admin](http://antd-admin.zuiidea.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/zuiidea/antd-admin?label=" /> - A admin dashboard application demo built upon Ant Design and Dva.js. [![Open-Source Software][OSS Icon]](https://github.com/zuiidea/antd-admin) - [admin-on-rest](https://marmelab.com/admin-on-rest-demo/) <img align="bottom" height="13" src="https://badgen.net/github/stars/marmelab/admin-on-rest?label=" /> - A frontend framework for building admin SPAs on top of REST services, using React and Material Design. [![Open-Source Software][OSS Icon]](https://github.com/marmelab/admin-on-rest) - [~~react-antd-admin~~](https://github.com/jiangxy/react-antd-admin) <img align="bottom" height="13" src="https://badgen.net/github/stars/jiangxy/react-antd-admin?label=" /> - 用React和Ant Design搭建的一个通用管理后台. [![Open-Source Software][OSS Icon]](https://github.com/jiangxy/react-antd-admin) - [react-admin](https://marmelab.com/react-admin-demo/) <img align="bottom" height="13" src="https://badgen.net/github/stars/marmelab/react-admin?label=" /> - A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design. [![Open-Source Software][OSS Icon]](https://github.com/marmelab/react-admin) - [react-admin](https://sxfad.github.io/react-admin/) <img align="bottom" height="13" src="https://badgen.net/github/stars/sxfad/react-admin?label=" /> - 基于 Ant Design React 的管理系统架构. [![Open-Source Software][OSS Icon]](https://github.com/sxfad/react-admin) - [~~react-antd~~](https://github.com/xiubug/react-antd) <img align="bottom" height="13" src="https://badgen.net/github/stars/xiubug/react-antd?label=" /> - 基于react + antd(1.x)实现的SPA后台管理系统模板. [![Open-Source Software][OSS Icon]](https://github.com/xiubug/react-antd) - [react-material-admin-template](https://rafaelhz.github.io/react-material-admin-template/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rafaelhz/react-material-admin-template?label=" /> - A simple responsive admin template using react and material-ui. [![Open-Source Software][OSS Icon]](https://github.com/rafaelhz/react-material-admin-template) - [react-admin](http://cheng_haohao.oschina.io/reactadmin/#/app/ui/gallery) <img align="bottom" height="13" src="https://badgen.net/github/stars/yezihaohao/react-admin?label=" /> - react-admin system solution. [![Open-Source Software][OSS Icon]](https://github.com/yezihaohao/react-admin) - [CoreUI Free React Admin & Dashboard Template](http://coreui.io/react/) <img align="bottom" height="13" src="https://badgen.net/github/stars/coreui/coreui-free-react-admin-template?label=" /> - Free Admin Panel Template for React.js. [![Open-Source Software][OSS Icon]](https://github.com/coreui/coreui-free-react-admin-template) - [reactSPA](https://muyunyun.github.io/reactSPA) <img align="bottom" height="13" src="https://badgen.net/github/stars/MuYunyun/reactSPA?label=" /> - 一个后台管理系统模板 [![Open-Source Software][OSS Icon]](https://github.com/MuYunyun/reactSPA) - [rsuite-management-system](https://rsuite-admin-template.vercel.app/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - A management system template based on React Suite. [![Open-Source Software][OSS Icon]](https://github.com/rsuite/rsuite-admin-template) - [~~Materio Free MUI React NextJS Admin Template~~](https://github.com/themeselection/materio-mui-nextjs-admin-template-free) <img align="bottom" height="13" src="https://badgen.net/github/stars/themeselection/materio-mui-nextjs-admin-template-free?label=" /> -Most Powerful & Comprehensive Free MUI React NextJS Admin Dashboard Template built for developers . [![Open-Source Software][OSS Icon]](https://github.com/themeselection/materio-mui-nextjs-admin-template-free) - [React Admin Templates Collection](https://www.wrappixel.com/templates/category/react-templates/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - Amazing Collection of React Admin Templates by WrapPixel Team. [![Open-Source Software][OSS Icon]](https://github.com/wrappixel) - [Amazing React Admin Templates](https://adminmart.com/templates/react/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - A Collection of React Admin Templates by AdminMart Team. [![Open-Source Software][OSS Icon]](https://github.com/adminmart) - [Tailwindadmin](https://tailwind-admin.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Tailwind-Admin/free-tailwind-admin-dashboard-template?label=" /> - Free Shadcn Dashboard Template Built On React and Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/Tailwind-Admin/free-tailwind-admin-dashboard-template) ### Vue - [avue](https://github.com/nmxiaowei/avue) <img align="bottom" height="13" src="https://badgen.net/github/stars/nmxiaowei/avue?label=" /> - 一个类似easyui那种去写vue的方案支持SSR(服务端渲染)和SPA(单例页面)。 [![Open-Source Software][OSS Icon]](https://github.com/nmxiaowei/avue) - [Amazing Vue Admin Templates](https://adminmart.com/templates/vuejs/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - A Collection of Vue Admin Templates by AdminMart Team. [![Open-Source Software][OSS Icon]](https://github.com/adminmart) - [Best VueJS Admin Template](https://themeselection.com/item/category/vuejs-admin-templates/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - Best Collection of VueJS Admin Templates by ThemeSelection Team. [![Open-Source Software][OSS Icon]](https://github.com/themeselection) - [CoPilot](https://copilot.mistergf.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/misterGF/CoPilot?label=" /> - Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js. [![Open-Source Software][OSS Icon]](https://github.com/misterGF/CoPilot) - [CoreUI Free Vue Admin & Dashboard Template](http://coreui.io/vue/) <img align="bottom" height="13" src="https://badgen.net/github/stars/coreui/coreui-free-vue-admin-template?label=" /> - Free Admin Panel Template for Vue.js. [![Open-Source Software][OSS Icon]](https://github.com/coreui/coreui-free-vue-admin-template) - [D2 Admin](https://d2.pub/) <img align="bottom" height="13" src="https://badgen.net/github/stars/d2-projects/d2-admin?label=" /> - An elegant dashboard. [![Open-Source Software][OSS Icon]](https://github.com/d2-projects/d2-admin) - [Element UI Pro](https://qidaizhe11.github.io/element-pro/) <img align="bottom" height="13" src="https://badgen.net/github/stars/qidaizhe11/element-pro?label=" /> - Vue 版 Ant Design Pro（基于 Element-ui 实现）。[![Open-Source Software][OSS Icon]](https://github.com/qidaizhe11/element-pro) - [~~Flow-UI~~](https://github.com/flow-ui/Flow-UI) <img align="bottom" height="13" src="https://badgen.net/github/stars/flow-ui/Flow-UI?label=" /> - Flow-UI is a highly customizable UI framework based Seajs/jQuery. [![Open-Source Software][OSS Icon]](https://github.com/flow-ui/Flow-UI) - [~~iview-admin~~](https://admin.iviewui.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/iview/iview-admin?label=" /> - Vue 2.0 admin management system template based on iView. [![Open-Source Software][OSS Icon]](https://github.com/iview/iview-admin) - [Keen-UI](https://josephuspaye.github.io/Keen-UI/) <img align="bottom" height="13" src="https://badgen.net/github/stars/JosephusPaye/Keen-UI?label=" /> - A lightweight collection of essential UI components written with Vue and inspired by Material Design. [![Open-Source Software][OSS Icon]](https://github.com/JosephusPaye/Keen-UI) - [Materio-Free-Vuetify-Vuejs-Admin-Template](https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free) <img align="bottom" height="13" src="https://badgen.net/github/stars/themeselection/materio-vuetify-vuejs-admin-template-free?label=" /> - It is the latest most developer-friendly :the_horns::skin-tone-2: & highly customizable:sparkles: Admin Dashboard Template based on Vuetify and Vuejs. [![Open-Source Software][OSS Icon]](https://github.com/themeselection/materio-vuetify-vuejs-admin-template-free) - [renren-fast-vue](https://josephuspaye.github.io/Keen-UI/) <img align="bottom" height="13" src="https://badgen.net/github/stars/renrenio/renren-fast-vue?label=" /> - 基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案。 [![Open-Source Software][OSS Icon]](https://github.com/renrenio/renren-fast-vue) - [Sneat-Free-Vuetify-Vuejs-Admin-Template](https://github.com/themeselection/sneat-vuetify-vuejs-admin-template-free) <img align="bottom" height="13" src="https://badgen.net/github/stars/themeselection/sneat-vuetify-vuejs-admin-template-free?label=" /> - Most developer-friendly & highly customizable Opensource & Free VueJS Admin Dashboard Template. [![Open-Source Software][OSS Icon]](https://github.com/themeselection/sneat-vuetify-vuejs-admin-template-free) - [vue-element-admin](http://panjiachen.github.io/vue-element-admin/) <img align="bottom" height="13" src="https://badgen.net/github/stars/PanJiaChen/vue-element-admin?label=" /> - vue2.0 admin / a management system template. [![Open-Source Software][OSS Icon]](https://github.com/PanJiaChen/vue-element-admin) - [vue-admin](https://admin.vuebulma.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/vue-bulma/vue-admin?label=" /> - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3. [![Open-Source Software][OSS Icon]](https://github.com/vue-bulma/vue-admin) - [~~vue-admin~~](https://github.com/taylorchen709/vue-admin) <img align="bottom" height="13" src="https://badgen.net/github/stars/taylorchen709/vue-admin?label=" /> - admin template based on vuejs2 and element. [![Open-Source Software][OSS Icon]](https://github.com/taylorchen709/vue-admin) - [vuestic-admin](http://vuestic.epicmax.co/) <img align="bottom" height="13" src="https://badgen.net/github/stars/epicmaxco/vuestic-admin?label=" /> - Vue.js admin dashboard [![Open-Source Software][OSS Icon]](https://github.com/epicmaxco/vuestic-admin) - [~~vue-framework-wz~~](https://github.com/herozhou/vue-framework-wz) <img align="bottom" height="13" src="https://badgen.net/github/stars/herozhou/vue-framework-wz?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. [![Open-Source Software][OSS Icon]](https://github.com/herozhou/vue-framework-wz) - [vue-quasar-admin-example](https://quasar-admin.firebaseapp.com/#/) <img align="bottom" height="13" src="https://badgen.net/github/stars/odranoelBR/vue-quasar-admin-example?label=" /> - Example of quasar admin. [![Open-Source Software][OSS Icon]](https://github.com/odranoelBR/vue-quasar-admin-example) - [Vue TSX Admin](https://manyuemeiquqi.github.io/vue-tsx-admin/) <img align="bottom" height="13" src="https://badgen.net/github/stars/manyuemeiquqi/vue-tsx-admin?label=" /> - About a modern Vue Admin. It is based on Vue3 and TSX，It's flexible. [![Open-Source Software][OSS Icon]](https://github.com/manyuemeiquqi/vue-tsx-admin) - [vue2-element-touzi-admin](https://github.com/wdlhao/vue2-element-touzi-admin) <img align="bottom" height="13" src="https://badgen.net/github/stars/wdlhao/vue2-element-touzi-admin?label=" /> - 基于vue2.0 +vuex+ element-ui后台管理系统。 [![Open-Source Software][OSS Icon]](https://github.com/wdlhao/vue2-element-touzi-admin) - [vue-antd-pro](https://pro.antdv.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/vueComponent/ant-design-vue-pro?label=" /> - Use Ant Design Vue like a Pro! [![Open-Source Software][OSS Icon]](https://github.com/vueComponent/ant-design-vue-pro) - [vue-admin-next](https://github.com/openfext/vue-admin-next) <img align="bottom" height="13" src="https://badgen.net/github/stars/openfext/vue-admin-next?label=" /> - Professional enterprise application with Multi-Module Design, Vue Composition API and Friendly User Interface. [Online Demo](https://openfext.github.io/vue-admin-next/#/table/basic/query) [![Open-Source Software][OSS Icon]](https://github.com/openfext/vue-admin-next) - [Vue Admin Templates Collection](https://www.wrappixel.com/templates/category/vuejs-templates/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - Amazing Collection of Vue Admin Templates by WrapPixel Team. [![Open-Source Software][OSS Icon]](https://github.com/wrappixel) - [vue-admin-better](https://vuejs-core.cn/shop-vite/?form=github) <img align="bottom" height="13" src="https://badgen.net/github/stars/zxwk1998/vue-admin-better?label=" /> - vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin [![Open-Source Software][OSS Icon]](https://github.com/zxwk1998/vue-admin-better) - [vue-pure-admin](https://pure-admin.github.io/vue-pure-admin) <img align="bottom" height="13" src="https://badgen.net/github/stars/pure-admin/vue-pure-admin?label=" /> - 全面ESM+Vue3+Vite+Element-Plus+TypeScript编写的一款后台管理系统（兼容移动端） [![Open-Source Software][OSS Icon]](https://github.com/pure-admin/vue-pure-admin) ### Angular - [angular-material-dashboard](http://flatlogic.github.io/angular-material-dashboard) <img align="bottom" height="13" src="https://badgen.net/github/stars/flatlogic/angular-material-dashboard?label=" /> - Angular admin dashboard with material design. [![Open-Source Software][OSS Icon]](https://github.com/flatlogic/angular-material-dashboard) - [blur-admin](http://akveo.com/blur-admin-mint/#/dashboard) <img align="bottom" height="13" src="https://badgen.net/github/stars/akveo/blur-admin?label=" /> - Angular Bootstrap Admin Panel Framework. [![Open-Source Software][OSS Icon]](https://github.com/akveo/blur-admin) - [ng-alain](http://ng-alain.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/cipchk/ng-alain?label=" /> - ng-zorro-antd admin panel front-end framework. [![Open-Source Software][OSS Icon]](https://github.com/cipchk/ng-alain) - [ngx-admin](http://akveo.com/ngx-admin) <img align="bottom" height="13" src="https://badgen.net/github/stars/akveo/ngx-admin?label=" /> - Admin dashboard template based on Angular 4+, Bootstrap 4. [![Open-Source Software][OSS Icon]](https://github.com/akveo/ngx-admin) - [ng-admin](http://marmelab.com/ng-admin-demo) <img align="bottom" height="13" src="https://badgen.net/github/stars/marmelab/ng-admin?label=" /> - Add an AngularJS admin GUI to any RESTful API. [![Open-Source Software][OSS Icon]](https://github.com/marmelab/ng-admin) - [rdash-angular](http://rdash.github.io/#) <img align="bottom" height="13" src="https://badgen.net/github/stars/rdash/rdash-angular?label=" /> - AngularJS implementation of the RDash admin dashboard theme. [![Open-Source Software][OSS Icon]](https://github.com/rdash/rdash-angular) - [CoreUI Free Angular Admin & Dashboard Template](http://coreui.io/angular/) <img align="bottom" height="13" src="https://badgen.net/github/stars/coreui/coreui-free-angular-admin-template?label=" /> - Free Admin Panel Template for Angular. [![Open-Source Software][OSS Icon]](https://github.com/coreui/coreui-free-angular-admin-template) - [Angular Admin Templates Collection](https://www.wrappixel.com/templates/category/angular-templates/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - Amazing Collection of Angular Admin Templates by WrapPixel Team. [![Open-Source Software][OSS Icon]](https://github.com/wrappixel) - [Amazing Angular Admin Templates](https://adminmart.com/templates/angular/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - A Collection of Angular Admin Templates by AdminMart Team. [![Open-Source Software][OSS Icon]](https://github.com/adminmart) ### Other - [AdminLTE](https://adminlte.io/themes/AdminLTE/index2.html) <img align="bottom" height="13" src="https://badgen.net/github/stars/almasaeed2010/AdminLTE?label=" /> - AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x. [![Open-Source Software][OSS Icon]](https://github.com/almasaeed2010/AdminLTE) - [ace](http://ace.jeka.by) <img align="bottom" height="13" src="https://badgen.net/github/stars/bopoda/ace?label=" /> - Metis - Free Bootstrap Admin Dashboard Template. [![Open-Source Software][OSS Icon]](https://github.com/bopoda/ace) - [Bootstrap-Admin-Template](https://colorlib.com/polygon/metis) <img align="bottom" height="13" src="https://badgen.net/github/stars/puikinsh/Bootstrap-Admin-Template?label=" /> - Metis - Free Bootstrap Admin Dashboard Template. [![Open-Source Software][OSS Icon]](https://github.com/puikinsh/Bootstrap-Admin-Template) - [Bootstrap-Admin-Theme](http://vinceg.github.io/Bootstrap-Admin-Theme) <img align="bottom" height="13" src="https://badgen.net/github/stars/VinceG/Bootstrap-Admin-Theme?label=" /> - A generic admin theme built with Bootstrap free for both personal and commercial use. [![Open-Source Software][OSS Icon]](https://github.com/VinceG/Bootstrap-Admin-Theme) - [Dashboard](https://github.com/twbs/bootstrap/tree/eda851ee76bd01375f39682d903a76cc51207475/site/docs/4.2/examples/dashboard) <img align="bottom" height="13" src="https://badgen.net/github/stars/twbs/bootstrap?label=" /> - Dashboard Template for Bootstrap. [![Open-Source Software][OSS Icon]](https://github.com/twbs/bootstrap/tree/eda851ee76bd01375f39682d903a76cc51207475/site/docs/4.2/examples/dashboard) - [dva-admin](https://pmg1989.github.io) <img align="bottom" height="13" src="https://badgen.net/github/stars/pmg1989/dva-admin?label=" /> - dva admin antd dashboard . [![Open-Source Software][OSS Icon]](https://github.com/pmg1989/dva-admin) - [flakes](http://getflakes.com/preview/dashboard.html) <img align="bottom" height="13" src="https://badgen.net/github/stars/kumailht/flakes?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. [![Open-Source Software][OSS Icon]](https://github.com/kumailht/flakes) - [gentelella](https://colorlib.com/polygon/gentelella/index.html) <img align="bottom" height="13" src="https://badgen.net/github/stars/puikinsh/gentelella?label=" /> - Free Bootstrap 3 Admin Template. [![Open-Source Software][OSS Icon]](https://github.com/puikinsh/gentelella) - [lumber](https://www.forestadmin.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/ForestAdmin/lumber?label=" /> - The Admin Interface Framework. [![Open-Source Software][OSS Icon]](https://github.com/ForestAdmin/lumber) - [Light Admin](https://trendytech.ru/templates/light-admin) <img align="bottom" height="13" src="https://badgen.net/github/stars/sn8/light-admin-bs3?label=" /> - Light Admin is a lightweight Bootstrap 3 admin panel template. [![Open-Source Software][OSS Icon]](https://github.com/sn8/light-admin-bs3) - [Layuimini](http://layuimini.99php.cn/) <img align="bottom" height="13" src="https://badgen.net/github/stars/zhongshaofa/layuimini?label=" /> - 后台 admin 前端模板，基于 layui 编写的最简洁、易用的后台框架模板。 [![Open-Source Software][OSS Icon]](https://github.com/zhongshaofa/layuimini) - [modular-admin-html](https://modularcode.io/modular-admin-html) <img align="bottom" height="13" src="https://badgen.net/github/stars/modularcode/modular-admin-html?label=" /> - The Admin Interface Framework. [![Open-Source Software][OSS Icon]](https://github.com/modularcode/modular-admin-html) - [startbootstrap-sb-admin-2](https://github.com/StartBootstrap/startbootstrap-sb-admin-2) <img align="bottom" height="13" src="https://badgen.net/github/stars/StartBootstrap/startbootstrap-sb-admin-2?label=" /> - A free, open source, Bootstrap admin theme created by Start Bootstrap. [![Open-Source Software][OSS Icon]](https://github.com/StartBootstrap/startbootstrap-sb-admin-2) - [Vali Admin](http://pratikborsadiya.in/vali-admin) <img align="bottom" height="13" src="https://badgen.net/github/stars/pratikborsadiya/vali-admin?label=" /> - Vali is a free, modular and easy to customize admin theme built using Bootstrap, SASS and Pug.js. [![Open-Source Software][OSS Icon]](https://github.com/pratikborsadiya/vali-admin) - [Sneat Free Bootstrap HTML Admin Template](https://themeselection.com/products/sneat-free-bootstrap-html-admin-template/) <img align="bottom" height="13" src="https://badgen.net/github/stars/themeselection/sneat-html-admin-template-free?label=" /> - Open-source & Easy to use Free Bootstrap 5 HTML Admin Template with Elegant Design & Unique Layout. [![Open-Source Software][OSS Icon]](https://github.com/themeselection/sneat-html-admin-template-free) - [Bootstrap Admin Templates Collection](https://www.wrappixel.com/templates/category/bootstrap-admin-dashboard-template/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - Amazing Collection of Bootstrap Admin Templates by WrapPixel Team. [![Open-Source Software][OSS Icon]](https://github.com/wrappixel) - [Amazing Bootstrap Admin Templates](https://adminmart.com/templates/bootstrap/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - A Collection of Bootstrap Admin Templates by AdminMart Team. [![Open-Source Software][OSS Icon]](https://github.com/adminmart) - [Bootstrap Templates](https://themeselection.com/item/category/bootstrap-admin-templates/) <img align="bottom" height="13" src="https://badgen.net/github/stars/rsuite/rsuite-admin-template?label=" /> - Awesome Collection of Bootstrap Admin Templates by ThemeSelection Team. [![Open-Source Software][OSS Icon]](https://github.com/themeselection) ## Icon Libraries - [Feather](https://feathericons.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/feathericons/feather?label=" /> - Simply beautiful open source icons. [![Open-Source Software][OSS Icon]](https://github.com/feathericons/feather) - [Font Awesome](https://fontawesome.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/FortAwesome/Font-Awesome?label=" /> - The iconic SVG, font, and CSS toolkit. [![Open-Source Software][OSS Icon]](https://github.com/FortAwesome/Font-Awesome) - [Heroicons](https://heroicons.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/tailwindlabs/heroicons?label=" /> - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS. [![Open-Source Software][OSS Icon]](https://github.com/tailwindlabs/heroicons) - [heroicons-animated](https://www.heroicons-animated.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Aniket-508/heroicons-animated?label=" /> - An open-source collection of 316 beautifully animated heroicons for your projects. [![Open-Source Software][OSS Icon]](https://github.com/Aniket-508/heroicons-animated) - [Iconoir](https://iconoir.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/iconoir-icons/iconoir?label=" /> - An open source icons library with 1500+ icons. [![Open-Source Software][OSS Icon]](https://github.com/iconoir-icons/iconoir) - [Ionicons](https://ionicons.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/ionic-team/ionicons?label=" /> - Premium hand-crafted icons built by Ionic, for Ionic apps and web apps everywhere. [![Open-Source Software][OSS Icon]](https://github.com/ionic-team/ionicons) - [Lucide](https://lucide.dev/) <img align="bottom" height="13" src="https://badgen.net/github/stars/lucide-icons/lucide?label=" /> - Beautiful & consistent icon toolkit made by the community. [![Open-Source Software][OSS Icon]](https://github.com/lucide-icons/lucide) - [Material Icons](https://fonts.google.com/icons) <img align="bottom" height="13" src="https://badgen.net/github/stars/google/material-design-icons?label=" /> - Material Design icons by Google. [![Open-Source Software][OSS Icon]](https://github.com/google/material-design-icons) - [Remix Icon](https://remixicon.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/Remix-Design/remixicon?label=" /> - Open source neutral style icon system. [![Open-Source Software][OSS Icon]](https://github.com/Remix-Design/remixicon) - [React Icons](https://react-icons.github.io/react-icons/) <img align="bottom" height="13" src="https://badgen.net/github/stars/react-icons/react-icons?label=" /> - Popular icons in your React projects easily. [![Open-Source Software][OSS Icon]](https://github.com/react-icons/react-icons) - [Tabler Icons](https://tabler-icons.io/) <img align="bottom" height="13" src="https://badgen.net/github/stars/tabler/tabler-icons?label=" /> - A set of over 2200 free MIT-licensed high-quality SVG icons. [![Open-Source Software][OSS Icon]](https://github.com/tabler/tabler-icons) ## Tools ### CheatSheet - [Bootstrap CheatSheet](https://bootstrap-cheatsheet.themeselection.com/) <img align="bottom" height="13" src="https://badgen.net/github/stars/themeselection/bootstrap-cheatsheet?label=" /> - An interactive list of Bootstrap classes, variables, and mixins. The only Bootstrap CheatSheet you will ever need. [![Open-Source Software][OSS Icon]](https://github.com/themeselection/bootstrap-cheatsheet) - [tweakcn](https://tweakcn.com) <img align="bottom" height="13" src="https://badgen.net/github/stars/jnsahaj/tweakcn?label=" /> - Beautiful themes for shadcn/ui. Customize colors, typography, and more in real-time.[![Open-Source Software][OSS Icon]](https://github.com/jnsahaj/tweakcn) [hot Icon]: https://jaywcjlove.github.io/sb/ico/min-hot.svg "Hot" [OSS Icon]: https://jaywcjlove.github.io/sb/ico/min-oss.svg "Open source ui componet on Github" ## Contributors As always, thanks to our amazing contributors! <a href="https://github.com/jaywcjlove/awesome-uikit/graphs/contributors"> <img src="https://jaywcjlove.github.io/awesome-uikit/CONTRIBUTORS.svg" /> </a> Made with [github-action-contributors](https://github.com/jaywcjlove/github-action-contributors). ## License Licensed under the MIT License.