Awesome UIKit

Collect JS Frameworks, Web components library and Admin Template.

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

Explanation

![Open-Source Software][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]