一個收集 JS 框架，Web 元件庫和管理模板的專案

摘要： Awesome UIKit Collect JS Frameworks, Web components library and Admin Template. Contents Explanation means open source , clic...

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.
• 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.
• Weex - A framework for building Mobile cross-platform UI.

Wechat

• 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.
• 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.
• 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.
• Slim.js - Fast & Robust Front-End Micro-framework based on modern standards.
• 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.
• 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.
• 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.
• 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.
• 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..
• 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.

• at-ui - A fresh and flat UI-Kit specially for desktop application, made with ♥ by Vue.js 2.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.
• Element - A Vue.js 2.0 UI Toolkit for Web.
• 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.
• 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.
• 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.
• 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.
• v-semantic - Integration of semantic-ui2 with vue.js2.
• vuecidity - UI component framework for Vue.js 2.0.

Angular

Angular based component library.

• Material - Material Design components for Angular
• ngOfficeUIFabric - A community-driven project that simplifies implementing Fabric in Angular-based apps
• Element Angular - Element Design components built on top of Angular 2
• 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
• 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

• 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.
• 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

• 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.
• 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..
• 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

• zanui-weapp - 高顏值、好用、易擴充套件的微信小程式 UI 庫，Powered by 有贊。
• MinUI - Min 小程式元件化解決方案。
• wa-ui - 針對微信小程式整合的一套UI庫。
• wx-charts - 微信小程式圖表charts元件，Charts for WeChat small app。

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 - 基於react + antd(1.x)實現的SPA後臺管理系統模板.
• 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.

Vue

• 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.
• 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.
• CoPilot - Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js.
• Flow-UI - 是一套元件化UI框架，支援定製主題，主要服務於前臺及中後臺產品。
• Element UI Pro - Vue 版 Ant Design Pro（基於 Element-ui 實現）。
• avue - 一個類似easyui那種去寫vue的方案支援SSR(服務端渲染)和SPA(單例頁面)。

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.

Other

• 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.
• 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.
• Vali Admin - Vali is a free, modular and easy to customize admin theme built using Bootstrap, SASS and Pug.js.