Awesome UIKit
Collect JS Frameworks, Web components library and Admin Template.
Contents
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.
-
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.
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 - 编译型跨端解决方案,基于支付宝/微信小程序,轻松地转换成其它平台的小程序。
-
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.
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.
-
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..
-
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.
-
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.
-
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.
-
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.
-
RSUITE - A suite of React components .
-
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.
-
Yoshino-UI - 一个基于react的可定制化的pc端组件库.
-
Zent - A collection of essential UI components written with React.
-
Zero-UI - An easy-to-use web UI component framework.
-
zhui - A Chinese style component library of react.
React Native
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.
-
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.
-
vue-znl-ui - vue components.
-
zircleUI - A circular zooming UI library.
-
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-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
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.
-
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框架.
-
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.
-
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 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。.
-
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.
-
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
-
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.
React Native
Components for React Native applications
-
Ant Design Mobile - A configurable Mobile UI.
-
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.
-
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-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.
-
Shoutem UI - Customizable set of components for React Native applications.
-
SaltUI - SaltUI is a set of React UI components cooperated with DingTalk.
-
teaset - A UI library for react native, provides 20+ pure JS(ES6) components.
-
teaset - React and React Native components which implement Cards' Binary Design.
-
NativeBase - Essential cross-platform UI components for React Native.
-
Nachos UI - Nachos UI is a React Native component library..
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.
-
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
Tradition
-
AUI - 移动端UI快速布局解决方案,一个靠谱的高性能移动前端框架。
-
FrozenUI - FrozenUI的CSS组件库,基于腾讯手Q样式规范,腾讯QXD出品。
-
weui.js - A lightweight javascript library for WeUI.
Admin Template
React
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.
-
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!
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.
-
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.