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
  • WebCell
  • 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.
• anu - he React16-compat mini library.
• Elm - Server and client code for the Elm website.
• HTM - JSX alternative using standard tagged templates, with compiler support.
• Inferno - An extremely fast, React-like JavaScript library for building modern user interfaces.
• Nano JSX - Lightweight 1KB JSX library.
• Polymer - Build modern apps using web components.
• Preact - Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
• ReasonML - Simple, fast & type safe code that leverages the JavaScript & OCaml ecosystems.
• Svelte - The magical disappearing UI framework.
• Solid - A declarative, efficient, and flexible JavaScript library for building user interfaces..

Mobile

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

Wechat

• alita - 把 React Native 代码转换成微信小程序代码的转换引擎工具。
• Antmove - 编译型跨端解决方案，基于支付宝/微信小程序，轻松地转换成其它平台的小程序。
• Anna Remax UI - 一款基于 Remax 框架开发的小程序 UI 组件库。
• mpx - 滴滴开源小程序框架。
• mpvue - 基于 Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。
• taro - 多端统一开发框架，支持小程序、H5、React Native 等的应用。
• weapp-native - 像 React 组件开发一样来开发微信小程序，开发微信小程序框架。
• wepy - 小程序组件化开发框架。
• Remax - 将 React 运行在小程序环境中，让你可以使用完整的 React 进行开发。

Rest of the Pack

• AppRun - AppRun is a developing applications using the elm architecture, events and components.
• Atomico - A small(1.6kB) library to work with web 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.
• esx - Like JSX, but native and fast.
• 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.
• Ivi - Javascript (TypeScript) library for building web user interfaces.
• Intact - An inheritable and strong logic template front-end mvvm framework.
• 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.
• Maka.js - An inheritable and strong logic template front-end mvvm framework.
• 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.
• WebCell - Web Components engine based on JSX & TypeScript

UI Components

React

React based component library.

• uiw - A high quality UI Toolkit, A Component Library for React.
• ANT DESIGN - A UI Design Language.
• Atlassian UI Atlassian's official UI library, built according to the Atlassian Design Guidelines.
• Amaze UI React - Amaze UI components built with React.js.
• Arwes - Futuristic Sci-Fi and Cyberpunk Graphical User Interface Framework for Web Apps.
• Backpack - Backpack Design System.
• Base UI - Base Web React Components.
• Blueprint - Blueprint is a React-based UI toolkit for the web.
• Bloom - Bloom acts as a central repository for reuseable React components.
• Belle - Configurable React Components with great UX.
• Blue - A React UI Component Suites living for enterprise application.
• Buttercup UI - React UI Components used in Buttercup products.
• Carbon - React components according to IBM’s.
• Chakra - Simple, Modular & Accessible UI Components for your React Applications.
• cloud-react - 数云 PC端 react 基础组件。
• design-blocks - React implementation for Froala Design Blocks.
• Evergreen - Evergreen React UI Framework by Segment.
• Element React - A collection of essential UI components written with React.
• ExtReact - Use Ext JS components in React.
• Fannypack - A friendly, themeable, accessible React UI Kit built with Reakit.
• Foundation - Foundation as React components.
• Falcon UI - A library of composable, themable, design-system-driven UI components for React.
• Fyndiq UI -Library of reusable components for Fyndiq.
• Fusion Design - A configurable component library for web built on React.
• Elemental UI - A flexible and beautiful UI framework for React.js.
• Garden - Garden React components based on garden css.
• Geist UI - Modern and minimalist React UI library.
• Gestalt - A set of React UI components that supports Pinterest’s design language.
• govuk-react - An implementation of the GOV.UK Design System in React using CSSinJS.
• Grommet - Focus on the essential experience.
• Hack Club Design System - A react UIKit with nijigen style.
• hana-ui - A react UIKit with nijigen style.
• HIUI This is a solution that is adequate for the fomulation and implementation of interaction and UI design standard for front, middle and backend.
• Instructure UI - A UI Component Library made by Instructure, Inc.
• ICE DISIGN - 海量可复用物料，通过 GUI 工具极速构建中后台应用.
• Klarna UI - Klarna's UI components library.
• KhanAcademy React - Klarna's UI components library.
• Material-UI - React components that implement Google's Material Design.
• Lodgify - React components for building amazing websites with Lodgify.
• Modul UI - Modul UI React components.
• MDBootstrap - React Bootstrap with Material Design.
• nice-react - React Bootstrap with Material Design.
• Office UI Fabric - React components for building experiences for Office and Office 365.
• Orbit - Public repository of Orbit Components of Kiwi.com.
• oneui - Textkernel OneUI library of reusable UI components.
• PatternFly React - A set of React components for the PatternFly project.
• Polaris React - Shopify’s product component library.
• Pivotal UI - Pivotal UI is a collection of React components that are styled for the Pivotal brand.
• Prime React - is a collection of rich UI components for React.
• Primer - Primer React components.
• Precise UI - React UI Component Library powered by ZEISS.
• rbx - The Comprehensive Bulma UI Framework for React.
• reactjs-components - A library of reusable React components.
• Reakit - Toolkit for building really interactive UIs with React.
• React95 - A React components library with Win95 UI.
• RSUITE - A suite of React components .
• React Spectrum - A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences. From Adobe.
• React Material Web Components - A collection of JetBrains Web UI components.
• 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.
• React Bootstrap - Simple React Bootstrap 4 components.
• React Desktop - React UI Components for macOS High Sierra and Windows 10.
• react-materialize - Material design for react, powered by materializecss.
• React-md - React Material Design - React components built with sass.
• React-Ionic - React Ionic: We are looking for a new maintainer!
• React Responsive UI - Responsive React UI components!
• React-WeUI - A collection of essential UI components written with React.
• React-UWP - React Components that Implement Microsoft's UWP Design & Fluent Design.
• React Toolbox - Is a set of React components that implement Google's Material Design specification.
• Reach UI - The Accessible Foundation for React Apps and Design Systems.
• Redition - A library of React UI components.
• Rebass - Functional React UI component library, built with styled-components .
• react-uikit-components - React UIkit Components for the UIKit CSS framework.
• Stardust UI - A themable React component library.
• Shineout - A components library for React.
• Semantic UI - The official Semantic-UI-React integration.
• Smooth UI - Modern React UI library. Code less, do more..
• UXCore - A React UI Component Suites living for enterprise application.
• tinper-bee A component library based on the UI design language iUAP Design and React.
• Tenon-ui - Tenon accessible ui component library.
• Theme UI - Build consistent, themeable React apps based on constraint-based design principles.
• Yoshino-UI - 一个基于react的可定制化的pc端组件库.
• Zent - A collection of essential UI components written with React.
• Zero-UI - An easy-to-use web UI component framework.
• Zarm Web - Web UI component framework.
• zhui - A Chinese style component library of react.

Vue

Vue based component library.

• Ant Design Vue - Carbon design for VueJS.
• at-ui - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.0.
• amaze-vue - UI Toolkit for Web, Vue2.0 .
• ATUI - A Vue.js 2.0 UI Toolkit for Web.
• Antue - A set of enterprise-class Vue UI components.
• bootstrap-vue - Implementation of bootstrap-4 grid and components for Vue.js 2.
• Buefy - Material Design UI library for Vuejs 2.0.
• BalmUI - Next Generation Material UI for Vue.js.
• Carvue.js - Carbon design for VueJS.
• Element - A Vue.js 2.0 UI Toolkit for Web.
• Enterprise UI - Enterprise UI for Vue.js.
• fish-ui - A Vue.js 2.0 UI Toolkit for Web.
• gulu UI - 轱辘，面向源码阅读者的 UI 框架.
• HeyUI - UI Toolkit for Web, Vue2.0 .
• iView - A high quality UI Toolkit based on Vue.js.
• jsmod-pc-vue - high scalability && freedom vue ui components.
• muse-ui - Material Design UI library for Vuejs 2.0.
• Material Components Vue - Material Design components for Vue.js.
• N3-components Powerful Vue UI Library.
• owl-ui - Mobile UI component library.
• PrimeVue - UI Components for Vue.
• Quasar Framework - Material Component Framework for Vue.js 2.
• 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.
• Uiv - Is a Bootstrap 3 component library for Vue 2..
• ui-vue-antd - Antd component library implemented with Vue.
• vue-beauty - Beautiful UI components build with vue and ant design.
• vue-antd - An enterprise-class UI components based on Ant Design 3.X and Vue.
• vue-material - Material design for Vue.js.
• vuesax - Vuesax Frontend Vue Components.
• vuetify - Material Component Framework for Vue.js 2.
• Vuikit - UIkit with all the power of Vue.
• vue-weui - WeUI Components with love of vue.js.
• vue-bulma-components - Translate Bulma css api to vue components.
• v-semantic - Integration of semantic-ui2 with vue.js2.
• vue-mdc-adapter - Material Components for VueJS.
• vuecidity - UI component framework for Vue.js 2.0.
• vx-ui - vue components.
• zircleUI - A circular zooming UI library.
• xy-ui - 面向未来的原生 web components UI组件库。
• zeit - Vue implementation for Zeit Style.

Angular

Angular based component library.

• Alyle UI - Minimal Design, a set of components for Angular.
• Element Angular - Element Design components built on top of Angular 2
• fuel-ui - Bootstrap 4 components and directives for use in Angular 2
• 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
• ng2-bootstrap - Native Angular2 Bootstrap 3&4 components
• ng-lightning - Native Angular 2 components & directives for Lightning Design System
• ngSemantic - UI components based on Semantic UI
• ngx-ui - Style and Component Library for Angular2 and beyond!
• ng-devui - DevUI components based on Angular!
• ng-bootstrap - Angular 4 directives for Bootstrap 4 by the ui-bootstrap team
• prime-ng - Collection of rich UI components for Angular 2
• Teradata covalent - UI Platform built on @angular/material 2.0
• telerik-angular - Kendo UI for Angular.
• vmware clarity - Mostly a CSS only framework but some components are ported to Angular 2

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

WebCell

WebCell is a Web Components engine based on JSX & TypeScript

• BootCell - Web Components UI library based on WebCell v2 & BootStrap v4

All In

Support React, Angular and Vue

• Handsontable - JavaScript/HTML5 Data Grid Component with Spreadsheet Look & Feel
• MUI - Lightweight CSS framework
• Onsen UI - Mobile app development framework and SDK using HTML5 and JavaScript.
• KPC - A UI components library for Intact, Vue, React and Angular.
• storybook - Interactive UI component dev & test: React, React Native, Vue, Angular

Tradition

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

Mobile UI Components

React

• Auto-UI - Auto UI Web Components for mobile devices based on React.
• Annar - 优雅、简洁的 Remax 组件库.
• 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..
• yep-react - yep react UI component.
• Zarm - 基于 React、React-Native 的移动端UI组件库

React Native

Components for React Native applications

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

Vue

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

Wechat

• iview-weapp - 一套高质量的微信小程序 UI 组件库。
• kai-ui - 高颜值组件库，简单易用，同时支持原生和wepy框架。
• MinUI - Min 小程序组件化解决方案。
• taro-ui - 一款基于 Taro 框架开发的多端 UI 组件库。
• wa-ui - 针对微信小程序整合的一套UI库。
• weui-wxss - WeUI for 小程序。
• weui-miniprogram - 小程序WeUI组件库。
• Wuss Weapp - 一款高质量，组件齐全，高自定义的微信小程序 UI 组件库。
• wx-charts - 微信小程序图表charts组件，Charts for WeChat small app。
• wemark - 微信小程序Markdown渲染库。
• vant-weapp - 高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞。
• zanui-weapp - 高颜值、好用、易扩展的微信小程序 UI 库，Powered by 有赞。

Tradition

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

Admin Template

React

• ant-design-pro - An out-of-box UI solution for enterprise applications.
• antd-admin - A admin dashboard application demo built upon Ant Design and Dva.js.
• admin-on-rest - A frontend framework for building admin SPAs on top of REST services, using React and Material Design.
• react-antd-admin - 用React和Ant Design搭建的一个通用管理后台.
• react-admin - A frontend Framework for building B2B applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material 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.
• Free Bootstrap Admin Template - CoreUI is free bootstrap admin template with Angular2, AngularJS, React.js & Vue.js support.
• reactSPA - 一个后台管理系统模板
• rsuite-management-system - A management system template based on React Suite.

Vue

• avue - 一个类似easyui那种去写vue的方案支持SSR(服务端渲染)和SPA(单例页面)。
• CoPilot - Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js.
• D2 Admin - An elegant dashboard.
• Element UI Pro - Vue 版 Ant Design Pro（基于 Element-ui 实现）。
• Flow-UI - 是一套组件化UI框架，支持定制主题，主要服务于前台及中后台产品。
• iview-admin - Vue 2.0 admin management system template based on iView.
• Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design.
• renren-fast-vue - 基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案。
• 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.
• vue-admin - admin template based on vuejs2 and element.
• 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.
• vue2-element-touzi-admin - 基于vue2.0 +vuex+ element-ui后台管理系统。
• vue-antd-pro - Use Ant Design Vue like a Pro!
• vue-admin-next - Professional enterprise application with Multi-Module Design, Vue Composition API and Friendly User Interface. Online Demo

Angular

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

Other

• AdminLTE - AdminLTE - Free Premium Admin control Panel Theme Based On Bootstrap 3.x.
• ace - Metis - Free Bootstrap Admin Dashboard Template.
• Bootstrap-Admin-Template - Metis - Free Bootstrap Admin Dashboard Template.
• Bootstrap-Admin-Theme - A generic admin theme built with Bootstrap free for both personal and commercial use.
• Dashboard - Dashboard Template for Bootstrap.
• dva-admin - dva admin antd dashboard .
• 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.
• gentelella - Free Bootstrap 3 Admin Template.
• lumber - The Admin Interface Framework.
• Light Admin - Light Admin is a lightweight Bootstrap 3 admin panel template.
• Layuimini - 后台 admin 前端模板，基于 layui 编写的最简洁、易用的后台框架模板。
• modular-admin-html - The Admin Interface Framework.
• startbootstrap-sb-admin-2 - A free, open source, Bootstrap admin theme created by Start Bootstrap.
• Vali Admin - Vali is a free, modular and easy to customize admin theme built using Bootstrap, SASS and Pug.js.