<!--idoc:ignore:start-->

Awesome UIKit

<!--idoc:ignore:end-->

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
  • The Big Three
  • Historically Significant
  • Notable
  • Mobile
  • Mini Program
  • Rest of the Pack
  • State of the React
• Web Components
  • Components
  • Tools
• UI Components
  • React
  • React Native
  • Vue
  • Angular
  • Tailwind
  • San
  • Mithril
  • WebCell
  • Svelte
  • All In
  • Tradition
• Mobile UI Components
  • React
  • React Native
  • Vue
  • Wechat
  • Tradition
• Admin Template
  • React
  • Vue
  • Angular
  • Other
• Tools
  • CheatSheet

<!--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

The Big Three

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

Historically Significant

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

Notable

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

Mobile

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

Mini Program

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