Awesome UIKit

Collect JS Frameworks, Web components library and Admin Template.

Contents

• Frameworks
  • The Big Three
  • Historically Significant
  • Notable
  • Mobile
  • Wechat
  • Rest of the Pack
• UI Components
  • React
  • React Native
  • Vue
  • Angular
  • San
  • Mithril
  • All In
  • Tradition
• Mobile UI Components
  • React
  • React Native
  • Vue
  • Wechat
  • Tradition
• Admin Template
  • React
  • Vue
  • Angular
  • Other

Explanation

means open source, click to enter open source repo;
means hot;

Frameworks

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

The Big Three

• React - A JavaScript library for building user interfaces.
• Angular - One framework. Mobile & desktop.
• Vue.js - A progressive, incrementally-adoptable JavaScript framework for building UI on the web.

Historically Significant

• AngularJS - AngularJS - HTML enhanced for web apps!
• Backbone - Give your JS App some Backbone with Models, Views, Collections, and Events.
• Ember - A JavaScript framework for creating ambitious web applications.

Notable

• Aurelia - Aurelia allows us to focus on business logic, not on the framework.
• Elm - Server and client code for the Elm website.
• Inferno - An extremely fast, React-like JavaScript library for building modern user interfaces.
• Polymer - Build modern apps using web components.
• HTM - JSX alternative using standard tagged templates, with compiler support.
• Preact - Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
• anu - he React16-compat mini library.
• ReasonML - Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems.
• Svelte - The magical disappearing UI framework.

Mobile

• react-native - A framework for building native apps with React.
• nativescript-vue - NativeScript with the ease of Vue.
• Weex - A framework for building Mobile cross-platform UI.

Wechat

• wepy - 小程序组件化开发框架。
• mpvue - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。
• weapp-native - 像 React 组件开发一样来开发微信小程序，开发微信小程序框架。

Rest of the Pack

• AppRun - AppRun is a 3K library for developing applications using the elm architecture, events and components.
• Binding.scala - Reactive data-binding for Scala.
• avalon - An elegant efficient express mvvm framework.
• Bobril - Component oriented framework inspired by Mithril and ReactJs (already usable).
• Choo - sturdy 4kb frontend framework.
• Cycle.js - A functional and reactive JavaScript framework for predictable code.
• DIO - a library for building user interfaces.
• Dojo - meta information for the project.
• Domvm - DOM ViewModel - A thin, fast, dependency-free vdom view layer.
• dva - React and redux based, lightweight and elm-style framework.
• Etch - Builds components using a simple and explicit API around virtual-dom.
• Gruu - JavaScript library for creating dynamic content.
• Glimmer - Central repository for the Glimmer.js project.
• Hyperapp - 1 KB JavaScript library for building web applications.
• Hyperdom - A fast, feature rich and simple framework for building dynamic browser applications.
• hyperHTML - A Fast & Light Virtual DOM Alternative.
• Atomico - A small(1.6kB) library to work with web components.
• Ivi - Javascript (TypeScript) library for building web user interfaces.
• Knockout - Knockout makes it easier to create rich, responsive UIs with JavaScript.
• Maquette - Pure and simple virtual DOM library.
• Marko - A friendly (and fast!) UI library from eBay that makes building web apps fun.
• Mithril - A Javascript Framework for Building Brilliant Applications.
• Moon - A minimal, blazing fast UI library.
• Nerv - A blazing fast React alternative, compatible with IE8 and React 16.
• NX - A modular front-end framework - inspired by the server-side and Web Components.
• petit-dom - minimalist virtual dom library.
• Picodom - 1 KB VDOM builder and patch function.
• Pux - Build type-safe web apps with PureScript.
• Ractive - Next-generation DOM manipulation.
• react-lite - an implementation of React that optimizes for small script size.
• RE:DOM - Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.
• Reflex - Functional reactive UI library.
• Riot - Simple and elegant component-based UI library.
• rxdomh - Create DOM element and bind observables on it.
• San - A Flexible JavaScript Component Framework.
• Simulacra.js - Data-binding function for the DOM.
• Slim.js - Fast & Robust Front-End Micro-framework based on modern standards.
• STEM.JS - Another javascript framework.
• Surplus - High performance JSX web views for S.js applications.
• Thermite - A simple PureScript wrapper for React.
• TSERS - Transform-Signal-Executor framework for Reactive Streams.
• Vidom - Library to build UI based on virtual DOM.
• Vuera - Vue in React, React in Vue. Seamless integration of the two.
• Intact - An inheritable and strong logic template front-end mvvm framework.
• Maka.js - An inheritable and strong logic template front-end mvvm framework.

UI Components

React

React based component library.

• uiw - A high quality UI Toolkit, A Component Library for React.
• React Bootstrap - Simple React Bootstrap 4 components.
• ANT DESIGN - A UI Design Language.
• Office UI Fabric - React components for building experiences for Office and Office 365.
• Atlassian UI Atlassian's official UI library, built according to the Atlassian Design Guidelines.
• Amaze UI React - Amaze UI components built with React.js.
• Ring UI - JetBrains Web UI components.
• Polaris - Shopify’s product component library.
• RSUITE - A suite of React components .
• Gestalt - A set of React UI components that supports Pinterest’s design language.
• Reach UI - seeks to become the accessible foundation of your React-based design system.
• Evergreen - Evergreen React UI Framework by Segment.
• ICE DISIGN - 海量可复用物料，通过 GUI 工具极速构建中后台应用.
• ExtReact - Use Ext JS components in React.
• Blueprint - Blueprint is a React-based UI toolkit for the web.
• Element React - A collection of essential UI components written with React.
• hana-ui - A react UIKit with nijigen style.
• Stardust UI - A themable React component library.
• Zent - A collection of essential UI components written with React.
• Arwes - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps.
• React-WeUI - A collection of essential UI components written with React.
• Ring UI - A collection of JetBrains Web UI components.
• React UI - React Components，base on bootstrap 4.0.
• React-Bootstrap - The most popular front-end framework, rebuilt for React.
• Material-UI - React components that implement Google's Material Design.
• Belle - Configurable React Components with great UX.
• Rebass - Functional React UI component library, built with styled-components .
• UXCore - A React UI Component Suites living for enterprise application.
• Blue - A React UI Component Suites living for enterprise application.
• Pivotal UI - Pivotal UI is a collection of React components that are styled for the Pivotal brand.
• Semantic UI - The official Semantic-UI-React integration.
• Foundation - Foundation as React components.
• react-materialize - Material design for react, powered by materializecss.
• React-Ionic - React Ionic: We are looking for a new maintainer!
• React-UWP - React Components that Implement Microsoft's UWP Design & Fluent Design.
• BASE UI - Is a design system comprised of modern, responsive, living components..
• react-uikit-components - React UIkit Components for the UIKit CSS framework.
• Yoshino-UI - 一个基于react的可定制化的pc端组件库.
• grommet - a react-based framework that provides accessibility, modularity, responsiveness, and theming in a tidy package.
• @alifd/next - Is a configurable component library for PC in Fusion Design. It is based on React and supports all modern browsers and IE9+.

React Native

• Paper - Material design for React Native.

Vue

Vue based component library.

• vue-beauty - Beautiful UI components build with vue and ant design.
• iView - A high quality UI Toolkit based on Vue.js.
• vue-antd - An enterprise-class UI components based on Ant Design 3.X and Vue.
• vue-material - Material design for Vue.js.
• muse-ui - Material Design UI library for Vuejs 2.0.
• vuesax - Vuesax Frontend Vue Components.
• zircleUI - A circular zooming UI library.
• at-ui - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0.
• Buefy - Material Design UI library for Vuejs 2.0.
• fish-ui - A Vue.js 2.0 UI Toolkit for Web.
• vuetify - Material Component Framework for Vue.js 2.
• Quasar Framework - Material Component Framework for Vue.js 2.
• Element - A Vue.js 2.0 UI Toolkit for Web.
• jsmod-pc-vue - high scalability && freedom vue ui components.
• Antue - A set of enterprise-class Vue UI components.
• Vuikit - UIkit with all the power of Vue.
• Enterprise UI - Enterprise UI for Vue.js.
• HeyUI - UI Toolkit for Web, Vue2.0 .
• amaze-vue - UI Toolkit for Web, Vue2.0 .
• ATUI - A Vue.js 2.0 UI Toolkit for Web.
• vue-weui - WeUI Components with love of vue.js.
• Rubik UI - Material Design 风格的 Vue.js UI 组件库.
• Semantic UI Vue - Semantic UI Vue is the Vue integration for Semantic UI.
• UI - UI components for official Vue organization apps.
• Ant Design Vue - Antd component library implemented with Vue.
• Ant Design Vue - Carbon design for VueJS.
• vue-bulma-components - Translate Bulma css api to vue components.
• at-ui - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0.
• v-semantic - Integration of semantic-ui2 with vue.js2.
• vue-mdc-adapter - Material Components for VueJS.
• bootstrap-vue - Implementation of bootstrap-4 grid and components for Vue.js 2.
• Material Components Vue - Material Design components for Vue.js.
• PrimeVue - UI Components for Vue.
• vuecidity - UI component framework for Vue.js 2.0.
• BalmUI - Next Generation Material UI for Vue.js.
• Carvue.js - Carbon design for VueJS.
• vx-ui - vue components.
• kui-vue - vue components.
• gulu UI - 轱辘，面向源码阅读者的 UI 框架.

Angular

Angular based component library.

• Material - Material Design components for Angular
• ngOfficeUIFabric - A community-driven project that simplifies implementing Fabric in Angular-based apps
• NG-ZORRO - Ant Design of Angular
• Element Angular - Element Design components built on top of Angular 2
• ng2-bootstrap - Native Angular2 Bootstrap 3&4 components
• ng-lightning - Native Angular 2 components & directives for Lightning Design System
• prime-ng - Collection of rich UI components for Angular 2
• fuel-ui - Bootstrap 4 components and directives for use in Angular 2
• Teradata covalent - UI Platform built on @angular/material 2.0
• ngSemantic - UI components based on Semantic UI
• vmware clarity - Mostly a CSS only framework but some components are ported to Angular 2
• ngx-ui - Style and Component Library for Angular2 and beyond!
• ng-bootstrap - Angular 4 directives for Bootstrap 4 by the ui-bootstrap team

San

San is a flexible JavaScript component framework

• san-mui - A Set of SAN Components that Implement Google's Material Design

Mithril

• Construct-UI - A Mithril.js UI library.
• polythene - Material Design component library for Mithril and React

All In

Support React, Angular and Vue

• MUI - Lightweight CSS framework
• Onsen UI - Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps.
• storybook - Interactive UI component dev & test: React, React Native, Vue, Angular
• Handsontable - JavaScript/HTML5 Data Grid Component with Spreadsheet Look & Feel

Tradition

• Bootstrap - Create beautiful apps with modular and customizable UI components.
• spectre - A Lightweight, Responsive and Modern CSS Framework.
• Tabler - is free and open-source HTML Dashboard UI Kit built on Bootstrap 4.
• design-system - Salesforce Lightning Design System.
• LuLu - LuLu UI for PC web.
• photon - The fastest way to build beautiful Electron apps using simple HTML and CSS.
• Material - Create beautiful apps with modular and customizable UI components.
• SUI - A framework based on the development of Framework7 UI library.
• weui - tailor-made for WeChat web service.
• Pure.css - A set of small, responsive CSS modules that you can use in every web project.
• Bulma - is a free and open source CSS framework based on Flexbox.
• DXY-UI - DXY-UI是一套适用于桌面端的前端UI库，不包含任何JS，仅仅关注样式。
• Layui - 一款采用自身模块规范编写的情怀型前端UI框架.
• ZUI - 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。.
• SuperUI - 让体验变得如此完美，开发变得如此简单。
• MDUI - 一套用于开发 Material Design 网页的前端框架。
• bootflat - BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework.
• moye - A Simple UI Library for ZX.

Mobile UI Components

React

• mazeui-touch - Web Components for mobile devices based on React.
• nowui - A React.js UI Toolkit for Web.
• Yo - Lightweight, easy-to-use, configurable, and extensible mobile front-end development framework..

React Native

Components for React Native applications

• Ant Design Mobile - A configurable Mobile UI.
• Rax - A universal React-compatible render engine.
• blankapp/ui - Highly customizable and theming components for React Native.
• carbon-native - Essential cross-platform UI components for React Native.
• NativeBase - Essential cross-platform UI components for React Native.
• react-native-ui-lib - UI Components Library for React Native.
• kittenTricks - A react native mobile starter kit with over 40 screens and theme hot reload support.
• Shoutem UI - Customizable set of components for React Native applications.
• Nachos UI - Nachos UI is a React Native component library..
• react-native-material-design - React Native UI Components for Material Design.
• rnx-ui - A UI Lib for React Native.
• teaset - A UI library for react native, provides 20+ pure JS(ES6) components.
• teaset - React and React Native components which implement Cards' Binary Design.
• react-uikit - React and React Native components which implement Cards' Binary Design.
• panza - react-native stateless functional UI components to get you up and running quickly.

Vue

• Vue Carbon - Mobile UI Components Library based on Vue 2.0 at Weidian.
• WDUI - Mobile UI Components Library based on Vue 2.0 at Weidian.
• vux - Mobile UI Components based on Vue & WeUI.
• Vant - A Vue.js 2.0 Mobile UI at YouZan.
• Mand Mobile - A mobile UI toolkit, based on Vue.js 2, designed for financial scenarios..
• cube-ui - A fantastic mobile ui lib implement by Vue.js.
• x-vui - A personal Vue UI component library for Mobile.
• Mint UI - A personal Vue UI component library for Mobile.
• ml-ui - A personal 基于 Vue 2.0 的 Mobile 组件库 ml-ui.
• vue-ydui - A mobile components Library with Vue2.js.

Wechat

• weui-wxss - WeUI for 小程序。
• zanui-weapp - 高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞。
• MinUI - Min 小程序组件化解决方案。
• iview-weapp - 一套高质量的微信小程序 UI 组件库。
• wa-ui - 针对微信小程序整合的一套UI库。
• wx-charts - 微信小程序图表charts组件，Charts for WeChat small app。
• wemark - 微信小程序Markdown渲染库。

Tradition

• weui.js - A lightweight javascript library for WeUI.
• AUI - 移动端UI快速布局解决方案，一个靠谱的高性能移动前端框架。
• FrozenUI - FrozenUI的CSS组件库，基于腾讯手Q样式规范，腾讯QXD出品。

Admin Template

React

• ant-design-pro - An out-of-box UI solution for enterprise applications.
• react-antd-admin - 用React和Ant Design搭建的一个通用管理后台.
• react-antd - 基于react + antd(1.x)实现的SPA后台管理系统模板.
• react-material-admin-template - A simple responsive admin template using react and material-ui.
• react-admin - react-admin system solution.
• antd-admin - A admin dashboard application demo built upon Ant Design and Dva.js.
• Free Bootstrap Admin Template - CoreUI is free bootstrap admin template with Angular2, AngularJS, React.js & Vue.js support.
• admin-on-rest - A frontend framework for building admin SPAs on top of REST services, using React and Material Design.
• reactSPA - 一个后台管理系统模板
• rsuite-management-system - A management system template based on React Suite.

Vue

• D2 Admin - An elegant dashboard.
• vue-element-admin - vue2.0 admin / a management system template.
• vue-admin - Vue Admin Panel Framework, Powered by Vue 2.0 and Bulma 0.3.
• iview-admin - Vue 2.0 admin management system template based on iView.
• vue-admin - admin template based on vuejs2 and element.
• Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
• vuestic-admin - Vue.js admin dashboard
• vue-framework-wz - This project is a background management framework, integrated rights management, login function, industrial UI components, node-cli and other functions, it is recommended to use.
• vue-quasar-admin-example - Example of quasar admin.
• CoPilot - Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js.
• Flow-UI - 是一套组件化UI框架，支持定制主题，主要服务于前台及中后台产品。
• vue2-element-touzi-admin - 基于vue2.0 +vuex+ element-ui后台管理系统。
• Element UI Pro - Vue 版 Ant Design Pro（基于 Element-ui 实现）。
• avue - 一个类似easyui那种去写vue的方案支持SSR(服务端渲染)和SPA(单例页面)。
• vue-antd-pro - Use Ant Design Vue like a Pro!

Angular

• ng-alain - ng-zorro-antd admin panel front-end framework.
• ngx-admin - Admin dashboard template based on Angular 4+, Bootstrap 4.
• blur-admin - Angular Bootstrap Admin Panel Framework.
• rdash-angular - AngularJS implementation of the RDash admin dashboard theme.
• ng-admin - Add an AngularJS admin GUI to any RESTful API.
• angular-material-dashboard - Angular admin dashboard with material design.

Other

• Dashboard - Dashboard Template for Bootstrap.
• gentelella - Free Bootstrap 3 Admin Template.
• AdminLTE - AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x.
• startbootstrap-sb-admin-2 - A free, open source, Bootstrap admin theme created by Start Bootstrap.
• Bootstrap-Admin-Template - Metis - Free Bootstrap Admin Dashboard Template.
• ace - Metis - Free Bootstrap Admin Dashboard Template.
• flakes - Flakes is an Admin Template Framework. A combination of CSS Libraries, JavaScript Libraries and Design files that help you build business tools very quickly.
• Bootstrap-Admin-Theme - A generic admin theme built with Bootstrap free for both personal and commercial use.
• lumber - The Admin Interface Framework.
• modular-admin-html - The Admin Interface Framework.
• dva-admin - dva admin antd dashboard .
• Vali Admin - Vali is a free, modular and easy to customize admin theme built using Bootstrap, SASS and Pug.js.