中国首个开源 HTML5 跨屏前端框架 —— Amaze UI

更新时间：2026-03-28 23:25:53作者：qazwsxzxc

今天为大家推荐一款 HTML5 跨屏前端框架，这是一款设计师精心打造的框架，对于这款框架的说法各有不同，目前使用比较多的同类框架资源是JQuery ,Zepto，Amaze UI是否有优势后来者居上呢？一起来领略这款国产框架的风采

Amaze UI 是中国首个开源 HTML5 跨屏前端框架，是一个轻量级、 Mobile first 的前端框架，基于开源社区流行前端框架编写。

Amaze UI 下载

注意：目前提供下载的为测试版本，部分细节还在调整、改进，欢迎大家提出意见、建议。

下载 Amaze UI

Amaze UI 遵循 Semantic Versioning 规范，版本格式采用主版本号.次版本号.修订号的形式，版本号递增规则如下：

主版本号：做了不兼容的API 修改，如整体风格变化、大规模重构等；

次版本号：做了向下兼容的功能性新增；

修订号：做了向下兼容的问题修正、细节调整等。

目录结构

index.html - 空白 HTML 模板；

blog.html - 博客页面模板（预览）；

landing.html - Landing Page 模板（预览）；

sidebar.html - 带边栏的文章模板（预览）；

在 app.css 中编写 CSS；

在 app.js 中编写 JavaScript；

图片资源可以放在 i 目录下。

AmazeUI
├── assets
│ ├── css
│ │ ├── amui.all.css
│ │ ├── amui.all.min.css
│ │ └── app.css
│ ├── i
│ │ ├── app-icon72x72@2x.png
│ │ └── favicon.png
│ └── js
│ ├── amui.js
│ ├── amui.min.js
│ ├── amui.widget.helper.js
│ ├── amui.widget.helper.min.js
│ ├── app.js
│ └── zepto.min.js
├── blog.html
├── index.html
├── landing.html
├── login.html
├── sidebar.html
└── widget.html

jQuery or Zepto?

移动端首选 Zepto，桌面端选 jQuery，这应该是大多数开发者的共识。那对于跨平台的响应式网站呢？

Zepto 体积小，下载快，但除了小，还有别的吗？ Wifi 普及，4G 降临，那几十 KB 的还那么重要吗？优化一张图片好几个 jQuery 就出来了。

jQuery 体积稍大，这是缺点。但是背后 jQuery 很多细节处理得很到位；成熟的生态圈，很多 jQuery 插件；庞大的社区，使用 jQuery 遇到问题时，可以很快从社区获得解决方案

jQuery 的这些特点有助于有效的提高开发效率。这些都是 Zepto 所缺乏的。

性能考量：体积小不等于执行效率高；而且通过数十万次计算得出一个百分之几的差距，实际是放大了性能差异，实际使用中很少有那么大的计算量。

虽然我们现在使用 Zepto，是从专门针对移动开发时代沿袭过来的。现在增加桌面端支持，Zepto 可能不是一个好的选择。

Amaze UI

Amaze UI 是一个轻量级、 Mobile first 的前端框架，基于开源社区流行前端框架编写。