Shulou(Shulou.com)05/31 Report--

This article mainly introduces "what mobile development framework html5 has". In daily operation, I believe many people have doubts about what mobile development framework html5 has. Xiaobian consulted all kinds of materials and sorted out simple and easy to use operation methods. I hope to help you answer the doubts about "what mobile development framework html5 has"! Next, please follow the small series to learn together!

List of Mobile Web UI Libraries (H5 Framework)

1、Framework7

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

All you need is a basic HTML layout and the CSS and JS files for Framework7 are included! Framework7 doesn't force you to write any custom tags, nor does it generate any extra content via JS. You don't need JS or JSON to write pages, just plain HTML.

Framework7 has a large number of UI components and tools that can be used directly, such as modals, popups,action sheets, povers, list views, media lists, tabs, side panels, layout grid, preloader, form elements, etc. Most of the components you don't need to write any JS code at all.

2、SUI Mobile

MSUI is the work of the UED team of Alibaba's Shared Business Unit. The goal is to provide a library of commonly used components for mobile H5 pages and reduce duplication of effort.

SUI Mobile is a UI library based on Framework7. It's lightweight and beautiful, just need to import our CDN files to use, and compatible with iOS 6.0+ and Android 4.0+, ideal for developing cross-platform Web apps.

3、FrozenUI

Frozen UI is an open source, easy-to-use, lightweight and fast mobile UI framework. Based on the Hand Q style specification, select the most commonly used components and

Make HandQ public offline package to reduce requests, upgrade friendly, complete documentation, currently fully applied in Tencent HandQ value-added services.

4、Amaze UI

China's first open source HTML5 cross-screen front-end framework. Compared with foreign frameworks, Amaze UI pays attention to Chinese typography, adjusts fonts according to user agents to achieve better Chinese typography effect; takes into account domestic mainstream browsers and built-in browser compatibility support of App.

Amaze UI takes Mobile first as the concept, gradually expands from small screen to large screen, and finally realizes all screen adaptation to adapt to the mobile Internet trend.

5、MUI

The high-performance front-end framework closest to the native APP experience.

6、WeUI

WeUI is a basic style library consistent with WeChat's native visual experience. It is tailor-made by WeChat official design team for WeChat internal web pages and Weixin Mini Programs (Mini), making users 'perception of use more unified.

7、VUX

Vux (pronounced [v'ju:z], same views) is a mobile UI component library developed based on WeUI and Vue(2.x), mainly serving WeChat pages.

Based on webpack+vue-loader+vux, you can quickly develop mobile pages. With vux-loader, you can customize the style you need on the basis of WeUI.

The vux-loader ensures that components are used on demand, so you don't have to worry about eventually packaging the entire vux component library code.

8、WEEX

Weex is an easy-to-use cross-platform development solution that enables you to build high-performance, extensible native apps with the web development experience. To do this, Weex works with Vue to use Vue as the upper framework and implement a unified JSEngine and DOM API that follows W3C standards. In this way, you can even use other frameworks to drive Weex to build three-sided consistent native apps.

9、Ant Design Mobile

antd-mobile is a React implementation of Ant Design's mobile specification, serving ant and word-of-mouth wireless services.

10、vue-carbon

Based on vuejs 1.0, develop a mobile WEB UI library with material design style. Refer to CARBON FrameWork7 for design resources.

11、uiKit

uiKit is a lightweight, modular front-end framework for quickly building powerful web front-end interfaces.

12、H-ui

H-ui is a lightweight front-end framework, simple and free, good compatibility, suitable for Chinese websites.

13、layui

Layui was born in the golden autumn of 2016. It is a domestic front-end UI framework with strong feelings. She pursues minimalism without losing the richness of the inner. It seems that she is the lightest crystal in history. Everything stems from her dedication to the original ecology, filtering out the noise of the front-end community, and her own careful carving.

14、YDUI Touch

YDUI Touch is specially designed for mobile devices. It is compatible with mainstream mobile devices in terms of technical implementation and interactive design, ensuring light code and high performance; Flex technology is used to flexibly align, shrink and expand elements, and easily handle mobile page layout; powerful screen adaptation layout is realized, and all screens are equally adapted. What's that? Not happy with it? Easily switch px; customize Javascript components, Less files, Less variables, customize a YDUI of your own.

15、sheral

Mobile UI library based on sandal (basic sass library) extension. Specific design ideas can be seen in sheral--a user-friendly and extensible UI component library

16、vonic

A UI framework based on vue.js and ionic styles for quickly building mobile single-page apps.

17、Mint UI

Mobile Component Library Based on Vue.js

Mint UI contains rich CSS and JS components to meet daily mobile development needs. Through it, you can quickly build a uniform style of the page, improve development efficiency.

True on-demand component loading. You can load only declared components and their style files without having to worry about file size.

Considering the performance threshold of mobile, Mint UI uses CSS3 to handle various dynamic effects, avoiding unnecessary redrawing and rearrangement of browsers, so that users can get a smooth and smooth experience.

Relying on Vue.js 'efficient componentization scheme, Mint UI is lightweight. Even if all are imported, the compressed file size is only ~30kb (JS + CSS) gzip.

18、Muse-UI

UI Component Library Based on Vue 2.0 and Material Desigin

1. Component richness

Muse UI basically implements all the components of the Material Design specification class, and also develops many functional components

2. customizable

Muse UI uses less file, all colors have a variable maintenance, through the writing of less file to complete the custom theme, in addition to the internal component also provides some parameters to modify the effect

3. Based on Vue 2.0

Muse UI is based on Vue2.0, one of the fastest front-end frameworks available today, small and api-friendly for developing complex single-page applications.

19、jQuery WeUI

jQuery WeUI is a simple and powerful UI library designed for WeChat public account development. It contains all the official CSS components of WeUI, and provides a large number of additional components. The rich component library can greatly reduce the front-end development time.

The biggest feature of jQuery WeUI is that it only provides UI components, and there are no restrictions on the frameworks and other libraries used by the project, and it can be used in almost any environment. Whether your project is based on jQuery, React, Angular, Vue, you will find jQuery WeUI very convenient to use with them. Even if your project is an old project with a long history, it can be almost ready to use.

Foreign official website: jqweui.com/

20、QMUI Web

QMUI Web is a framework that focuses on Web UI development and helps developers quickly implement a specific set of designs.

The framework consists primarily of a powerful collection of Sass methods and built-in workflows. With QMUI Web, developers can easily improve the efficiency of Web UI development while maintaining high maintainability and robustness of their projects.

The framework syncs mobile UI frameworks for Android and IOS styles.

At this point, the study of "html5 has what mobile development framework" is over, hoping to solve everyone's doubts. Theory and practice can better match to help you learn, go and try it! If you want to continue learning more relevant knowledge, please continue to pay attention to the website, Xiaobian will continue to strive to bring more practical articles for everyone!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.