html5 mobile framework: Framework7, SUI Mobile, FrozenUI, Amaze UI, MUI, WeUI, VUX, WEEX, antd-mobile, vue-carbon, uiKit, H-ui, layui, vonic, etc.
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
Mobile Web UI library (H5 framework) list
Framework7
Framework7 is an open source Free framework. It can be used to develop hybrid mobile applications (mixed native and HTML) or develop iOS & Android style WEB APPs. It can also be used as a prototype development tool to quickly create an application prototype.
You only need a basic HTML layout and import the CSS and JS files of Framework7! Framework7 does not force you to write any custom tags, nor does it generate any additional content through JS. You don't need to write the page via JS or JSON, just plain HTML.
Framework7 has a large number of UI components and tools that can be used directly, such as modals, popup, action sheet, popover, list views, media lists, tabs, side panels, layout grid, preloader, form elements, etc. For most components you don’t need to write any JS code at all.
SUI Mobile
MSUI is the work of the UED team of Alibaba Sharing Business Division. The purpose is to provide a commonly used component library for mobile H5 pages to reduce duplication of work.
SUI Mobile is a set of UI libraries developed based on Framework7. It is very lightweight and beautiful. You only need to introduce our CDN file to use it. It is compatible with iOS 6.0 and Android 4.0, making it very suitable for developing cross-platform Web Apps.
FrozenUI
Frozen UI is an open source, easy-to-use, lightweight and fast mobile UI framework. Based on the Mobile QQ style specifications, the most commonly used components are selected and
is made into a public offline package for Mobile QQ to reduce requests, has a friendly upgrade method and complete documentation. It is currently fully used in Tencent Mobile QQ value-added services.
Amaze UI
China's first open source HTML5 cross-screen front-end framework. Compared with foreign frameworks, Amaze UI focuses on Chinese typesetting and adjusts fonts according to the user agent to achieve better results. Chinese typesetting effect; taking into account the compatibility support of domestic mainstream browsers and the built-in browser of the App.
Amaze UI takes mobile first as its concept, gradually expands from small screens to large screens, and finally realizes adaptation to all screens to adapt to the trend of mobile Internet.
MUI
The high-performance front-end framework closest to the native APP experience.
WeUI
WeUI is a set of basic style libraries that are consistent with WeChat’s native visual experience. It is designed by the WeChat official design team for WeChat internal web pages and WeChat mini programs. , making users’ usage perception more unified.
VUX
Vux (pronounced [v'ju:z], the same as 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 can quickly develop mobile pages. With vux-loader, you can customize the styles you need based on WeUI.
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.
WEEX
Weex is a simple and easy-to-use cross-platform development solution that can build high-performance and scalable native applications with a web development experience. In order to do To this end, Weex cooperates with Vue, uses Vue as the upper-layer framework, and implements unified JSEngine and DOM API in accordance with W3C standards. In this way, you can even use other frameworks to drive Weex and create native applications that are consistent on three ends.
Ant Design Mobile
antd-mobile is a React implementation of Ant Design’s mobile specification, serving Ant and Koubei wireless businesses.
vue-carbon
Developed material design style mobile WEB UI library based on vuejs 1.0, design resources refer to CARBON FrameWork7.
uiKit
uiKit is a lightweight, modular front-end framework that can quickly build a powerful web front-end interface.
H-ui
H-ui is a lightweight front-end framework, simple and free, with good compatibility and suitable for Chinese websites.
layui
Layui was born in the golden autumn of 2016. It is a domestic front-end UI framework with strong feelings. It pursues minimalism without losing its rich connotation. , it does not seem to be an exaggeration to say that she is the lightest crystal in history. Everything stems from her persistence in the original ecology, filtering out the noise in the front-end community, and her own meticulous craftsmanship.
YDUI Touch
YDUI Touch is specially built for mobile terminals. It is compatible with mainstream mobile devices in terms of technical implementation and interaction design, ensuring light code and high performance; using Flex technology , flexibly align, shrink, and expand elements to easily handle mobile page layouts; implement powerful screen adaptation layouts that adapt to all screens in equal proportions. What? Not happy with it? Easily switch px; customize Javascript components, Less files, Less variables, and customize your own YDUI.
sheral
Mobile UI library based on sandal (basic sass library) extension. For specific design ideas, please refer to sheral - a UI component library that is convenient for customization and expansion
vonic
A UI framework based on vue.js and ionic style, used for Quickly build mobile single-page applications.
Mint UI
Mobile component library based on Vue.js
Mint UI contains rich CSS and JS components, which can meet daily mobile needs End development needs. Through it, you can quickly build a page with a unified style and improve development efficiency.
True loading of components on demand. You can load only the declared components and their style files, without worrying about the file size being too large.
Considering the performance threshold of the mobile terminal, Mint UI uses CSS3 to handle various animations to avoid unnecessary redrawing and rearrangement of the browser, so that users can obtain a smooth and smooth experience.
Relying on the efficient componentization solution of Vue.js, Mint UI is lightweight. Even if all are imported, the compressed file size is only ~30kb (JS CSS) gzip.
Muse-UI
UI component library based on Vue 2.0 and Material Design
1. Rich components
Muse UI basics Implemented all components of the Material Design design specification class, and also developed many functional components
2. Customizable
Muse UI uses less files, and all colors are maintained by a variable , complete the custom theme by writing less files, and also provide some parameters for modifying the effect inside the component
3. Based on Vue 2.0
Muse UI is developed based on Vue2.0, Vue2.0 is the current One of the fastest front-end frameworks, small, API-friendly, and can be used to develop complex single-page applications.
jQuery WeUI
jQuery WeUI is a simple and powerful UI library designed specifically for WeChat public account development. It contains all WeUI official CSS components, and additional A large number of expansion components are provided, and the rich component library can greatly reduce front-end development time.
The biggest feature of jQuery WeUI is that it only provides UI components and does not place any restrictions on the frameworks and other libraries used in the project. It can be used in almost any environment. Whether your project is based on jQuery, React, Angular, or Vue, you will find that jQuery WeUI can be used very conveniently in combination with them. Even if your project is an old project with a long history, it can almost be used out of the box.
Foreign official website: http://jqweui.com/
QMUI Web
QMUI Web is a website that focuses on Web UI development to help developers quickly A framework that implements a specific set of designs.
The framework is mainly composed of a powerful collection of Sass methods and built-in workflows. Through QMUI Web, developers can easily improve the efficiency of Web UI development while maintaining high maintainability and robustness of the project.
This framework synchronizes mobile UI frameworks for Android and IOS styles.
Recommended tutorial: "html video tutorial"
The above is the detailed content of What are the html5 mobile frameworks?. For more information, please follow other related articles on the PHP Chinese website!

html5的div元素默认一行不可以放两个。div是一个块级元素,一个元素会独占一行,两个div默认无法在同一行显示;但可以通过给div元素添加“display:inline;”样式,将其转为行内元素,就可以实现多个div在同一行显示了。

html5中列表和表格的区别:1、表格主要是用于显示数据的,而列表主要是用于给数据进行布局;2、表格是使用table标签配合tr、td、th等标签进行定义的,列表是利用li标签配合ol、ul等标签进行定义的。

固定方法:1、使用header标签定义文档头部内容,并添加“position:fixed;top:0;”样式让其固定不动;2、使用footer标签定义尾部内容,并添加“position: fixed;bottom: 0;”样式让其固定不动。

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5中不支持的标签有:1、acronym,用于定义首字母缩写,可用abbr替代;2、basefont,可利用css样式替代;3、applet,可用object替代;4、dir,定义目录列表,可用ul替代;5、big,定义大号文本等等。

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

html5是指超文本标记语言(HTML)的第五次重大修改,即第5代HTML。HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5由不同的技术构成,其在互联网中得到了非常广泛的应用,提供更多增强网络应用的标准机。

因为html5不基于SGML(标准通用置标语言),不需要对DTD进行引用,但是需要doctype来规范浏览器的行为,也即按照正常的方式来运行,因此html5只需要写doctype即可。“!DOCTYPE”是一种标准通用标记语言的文档类型声明,用于告诉浏览器编写页面所用的标记的版本。


Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

AI Hentai Generator
Generate AI Hentai for free.

Hot Article

Hot Tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

mPDF
mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),

SublimeText3 Chinese version
Chinese version, very easy to use

EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function

VSCode Windows 64-bit Download
A free and powerful IDE editor launched by Microsoft
