0 update

Be careful with your UI choices and shop around.

Take only one ladle: Take only one ladle from a story in buddhist scriptures, which warns people that they may encounter many good things in life, but they only need to take care of one of them

๐Ÿ˜Š๐Ÿ˜Š๐Ÿ˜Š๐Ÿ˜Š Welcome to contribute ๐Ÿ˜Š๐Ÿ˜Š๐Ÿ˜Š

  • 2017-1209 ZanUI (Vue)
  • 2017-1218 Onsen UI(Vue, React, Angular)
  • 2017-1215 Added Vuetify, Weex UI, Semantic UI React, Element-React, Element-Angular, ng-Zorro
  • 2017-1214 Added Mint UI
  • 2017-1211 Added Layui, UIkit
  • 2017-1206 added Cube UI, Amaze UI React

In addition to the old UI built on top of the jQuery framework, the new UI factions:

  • Based on Vue: ELementUI, iViewui
  • React: AntDesign, Amaze UI React

1 mobile terminal

1.1 WeUI



From: Tencent

WeUI is a set of basic style library consistent with wechat’s native visual experience. It is designed by wechat’s official design team for wechat’s internal webpage and wechat mini program, so that users’ perception of use is more unified.



details

1.2 SUI Mobile



From: Ali

SUI Mobile is a UI library based on Framework7. It is very lightweight and exquisite, only need to introduce our CDN file can be used, and compatible with iOS 6.0+ and Android 4.0+, very suitable for developing cross-platform Web apps. Lightweight UI library


SUI Mobile is very lightweight. After the core library is compressed with Gzip, the total volume of JS and CSS network transmission is only 52K, but it provides 20+ commonly used components.
details

1.3 Amaze ~ Girl UI

China’s first open source HTML5 cross-screen front-end framework
details

  • With the concept of Mobile First, Amaze UI gradually expands from small screen to large screen, and finally realizes all screen adaptation to adapt to the trend of Mobile Internet.
  • Amaze UI contains nearly 20 CSS components, more than 20 JS components, and more than a number of Web components with different themes, which can quickly build cross-screen pages with excellent interface and experience, greatly improving development efficiency.
  • Compared with foreign frameworks, Amaze UI focuses on Chinese typesetting and adjusts font according to user agent to achieve better Chinese typesetting effect. Both domestic mainstream browsers and in-app browsers are compatible and supported.
  • Amaze UI is developed for HTML5 and uses CSS3 for animated interaction. It is smooth, efficient and more suitable for mobile devices, making Web applications load faster.

1.4 jQuery mobile

JQuery Mobile is an HTML5-based user interface system designed to respond to Web sites and applications that can be accessed on all smartphones, tablets and desktop devices.
details

1.5 Framework7

Framework7 is an open source, free framework for developing hybrid mobile applications (native and HTML hybrid) or iOS & Android style WEB apps. It can also be used as a prototyping tool to quickly create a prototype of an application.
details

  • Framework7 allows you to develop iOS7 applications using HTML, CSS, and JS. Framework7 is completely free and open source.
  • Framework7 is not compatible with all devices. She only focuses on providing the best experience for iOS and Google Material design.
  • If you want to develop iOS/Android Hybrid apps (Phonegap) or if you want to develop iOS and Google Material style WEB apps, Framework7 will be your first choice.

1.6 Cube – UI (Vue)

Cube-ui is a mobile component library based on vue.js implemented by Didi open source. details

โ— Reliable quality: It is simplified and refined from didi’s internal component library, which has been tested and tested, and each component is fully unit tested to provide guarantee for subsequent integration. โ— Extreme experience: With rapid response, smooth animation, close to the original as the goal, in the pursuit of extreme interactive experience. โ— Standard specification: follow the unified design interaction standards, highly restore the design effect; Interface standardization, unified specification of the use of more simple and efficient development. โ— Strong scalability: support on-demand introduction and post-compilation, lightweight and flexible; Strong scalability, can be easily based on existing components to achieve secondary development.

1.7 Mint UI (Vue)

Vue. Js based mobile component library details



1.8 Weex UI (Vue)

Weex based on a rich interactive, lightweight, high-performance UI component library details

1.9 Onsen UI(Vue, React, Angular)

Support Angular, Vue, React

2 PC

2.1 EasyUI

Easyui is a collection of jquery-based user interface plug-ins. Easyui provides the necessary functionality for creating modern, interactive, JavaScript applications.
details

  • You don’t have to write a lot of code to use Easyui, you can just define the user interface by writing some simple HTML tags.
  • Easyui is a complete framework that supports HTML5 web pages perfectly.
  • Easyui saves you time and scale in web development.
  • Easyui is simple but powerful.

2.2 the Bootstrap

Simple, intuitive, powerful front-end development framework, make web development faster and simpler.
details

2.3 jQuery UI

The jQuery UI is a set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript library. Whether you’re creating a highly interactive Web application or simply adding a date picker to a form control, jQuery UI is a perfect choice.


The jQuery UI contains many state-maintaining widgets, so it differs slightly from typical jQuery plug-in usage patterns. All jQuery UI widgets use the same pattern, so once you learn to use one, you know how to use the others.
details

2.4 SUI

SUI is a front-end component library based on Bootstrap, as well as a design specification.


Through SUI, it is very convenient to design and realize beautiful pages.
details

2.5 ZUI

Bootstrap is a deeply customized open source front-end practice to help you quickly build modern cross-screen applications.
details

2.6 parts relate the UI

HTML5 cross-terminal responsive front-end interface framework
details

2.7 Semantic UI

Semantic UI is a front-end open source framework for Semantic design, which is powerful and easy to use, providing designers and developers with perfect reusable design solutions.
details

2.8 materialize

Framework based on Google Material Design
details

2.9 ElementUI (Vue)

Element is a Vue 2.0-based component library for developers, designers and product managers. It provides design resources to help your website take shape quickly. details

2.10 IViewui (Vue)

A set of high quality UI component library details based on vue.js

2.11 ANT DESIGN (React)

An enterprise-level UI design language and React implementation. ant.design/index-cn

  • The interactive language and visual style of enterprise level background products are refined.
  • High quality React components out of the box.
  • Built in TypeScript, provides complete type definition files.
  • Enterprise development framework based on NPM + Webpack + DVA.

2.12 MDUI

MDUI is a set of front-end frameworks based on Material Design. Lightweight, multi-topic switching, responsive, dependency free. www.mdui.org/

2.13 Amaze UI React (React)

A Web component library developed based on React

2.14 Layui

Layui (Homophone: UI like) is a front-end UI framework written in its own modular specification,
Follow native HTML/CSS/JS writing and organization.
The threshold is very lowUse it. Its exterior is extremely simple, but it does not lose full of inner,
Light in size and full of componentsEvery detail from the core code to the API has been carefully crafted, perfect for rapid interface development. The first version of Layui, released in the fall of 2016, is different from the MVVM underlying UI frameworks, but it is not the reverse, but the back-to-basics approach. More specifically, it’s tailored to the server programmer, where you don’t have to deal with the complexity of the front-end tools, just look at the browser itself, and let all the elements and interactions you need come from there.
details

2.15 UIkit

Lightweight modular front-end framework
details

2.16 Vuetify (Vue)

Details of material style componentization framework based on VUE2

2.17 Semantic UI React (React)

The official Semantic-UI-React integration. detail

  • jQuery Free
  • Declarative API
  • Augmentation
  • Shorthand Props
  • Sub Components
  • Auto Controlled State

2.18 element – the react (react)

Details on the React version of Element UI

2.19 element – presents (presents)

React version of Element UIdetails

2.20 NG – ZORRO (presents)

Here is the Angular^5.0.0 implementation of Ant Design, which develops and services enterprise backend products. details

3 PC and PC

3.1 ZanUI (Vue)

Vant (หˆvรฆnt) is a Vue component library implemented by the promising front end team based on the promising unified specification, providing a complete set of BASIC UI components and business components.
details

  • 48+ components that have been verified by Uzan online business
  • Single test coverage is over 90%
  • Complete detailed documentation in Both Chinese and English
  • A dedicated team of designers maintain visual standards, unity and elegance
  • Support the Babel – plugin – import
  • Support the TypeScript