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.
FicusJS - Lightweight functions for developing applications using web components.
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.
Mini Program
alita - 把 React Native 代码转换成微信小程序代码的转换引擎工具。
Antmove - 编译型跨端解决方案,基于支付宝/微信小程序,轻松地转换成其它平台的小程序。
Anna Remax UI - 一款基于 Remax 框架开发的小程序 UI 组件库。
Chameleon - 一套代码运行多端,一端所见即多端所见
mpx - 滴滴开源小程序框架。
mpvue - 基于 Vue.js 的小程序开发框架,从底层支持 Vue.js 语法和构建工具体系。
taro - 多端统一开发框架,支持小程序、H5、React Native 等的应用。
weapp-native - 像 React 组件开发一样来开发微信小程序,开发微信小程序框架。
wepy - 小程序组件化开发框架。
Remax - 将 React 运行在小程序环境中,让你可以使用完整的 React 进行开发。
uni-app 使用 Vue 语法开发小程序、H5、App的统一框架
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 with Virtual dom (fast, stable, with tooling).
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.
million - <1kb virtual DOM - it's fast!.
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
State of the React
Constate - React Context + State.
Easy Peasy - Vegetarian friendly state for React.
Hox - The next-generation state manager for React.
icestore - The next-generation state manager for React.
Jotai - Primitive and flexible state management for React.
MobX - Simple, scalable state management.
React Easy State - Simple React state management. Made with
❤️
and ES6 Proxies.
react-hooks-global-state - Simple global state for React with Hooks API without Context API.
rematch - State management with statecharts..
Unistore - 350b/650b state container with component actions for Preact & React.
unstated-next - 200 bytes to never think about React state management libraries ever again.
useStateMachine - The ½ kb state machine hook for React.
Valtio - Valtio makes proxy-state simple for React and Vanilla.
zustand - Bear necessities for state management in React.
Web Components
amp The AMP web component framework.
Shoelace - A collection of professionally designed, every day UI components built on a framework-agnostic technology.
Wired Elements - Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
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.
ChatUI - The UI design language and React library for Conversational UI.
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.
reactstrap - Simple React Bootstrap 4 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.
Radix Primitives - An open-source UI component library for building high-quality, accessible design systems and web apps.
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.
Smart React Components - React UI Library for Styled Components.
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.
DaisyUI - Adds component classes like btn, card and more to Tailwind CSS.
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.
Naive UI A Vue 3 Component Library. Fairly Complete. Customizable Themes. Uses Typescript.
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.
VKUI - React components that can be used to create interfaces that look indistinguishable from our iOS and Android apps.
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-elements - Customizable and reusable react-native component kit.
react-native-uiw - UIW 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.
teaset - A UI library for react native, provides 20+ pure JS(ES6) components.
binary-ui - 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
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.
Materio-Free-Vuetify-Vuejs-Admin-Template - It is the latest most developer-friendly :the_horns::skin-tone-2: & highly customizable
✨
Admin Dashboard Template based on Vuetify and Vuejs.
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.
Tools
CheatSheet
Bootstrap CheatSheet - An interactive list of Bootstrap classes, variables, and mixins. The only Bootstrap CheatSheet you will ever need.