Amaze UI

mascot-xiaoMeng

Amaze ~ 妹子 UI

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

foundation

为移动而生

Amaze UI 以移动优先(Mobile first)为理念,从小屏逐步扩展到大屏,最终实现所有屏幕适配,适应移动互联潮流。

web

组件丰富,模块化

Amaze UI 含近 20 个 CSS 组件、20 余 JS 组件,更有多个包含不同主题的 Web 组件,可快速构建界面出色、体验优秀的跨屏页面,大幅提升开发效率。

chinese

本地化支持

相比国外框架,Amaze UI 关注中文排版,根据用户代理调整字体,实现更好的中文排版效果;兼顾国内主流浏览器及 App 内置浏览器兼容支持。

mobile

轻量级,高性能

Amaze UI 面向 HTML5 开发,使用 CSS3 来做动画交互,平滑、高效,更适合移动设备,让 Web 应用更快速载入。

Amaze UI Web 与 Amaze UI Touch 对比

Amaze UI Web Amaze UI Touch
定位 移动优先、响应式、跨屏 UI 组件库 专属移动(手机)端的 UI 组件库
JS 基础库 jQuery React
CSS 预处理 Less Sass
Grid 基于 float,12 列响应式 基于 flexbox,6 列流式
兼容性
  • 兼容主流桌面、移动浏览器(WebView)
  • 有限支持 IE8
  • 完整支持实现 12 版 flexbox 规范的浏览器(WebView),如 Android 4.4+、IE Mobile 11+、iOS 7.1+
  • Grid 和 NavBar 对按 09 版 flexbox 实现的浏览器(WebView)支持有待进一步测试
项目地址 Amaze UI@GitHub Amaze UI Touch@GitHub
衍生版本 Amaze UI React
- 共用 CSS,使用 React 实现交互
N/A
适用场景
  • 响应式或移动网站
  • 熟悉 jQuery
  • 兼容性要求较广
  • 更适合后端渲染架构
  • 针对手机端开发
  • 能够驾驭 React 及相关配套技术
  • 浏览器(WebView)支持 flexbox,如 iOS、腾讯 TBS 2.0 内核的微信 WebView
  • 可用于 SPA 架构

站在巨人的肩膀上

Amaze UI 汲取了很多优秀的社区资源,通过开源的形式来回馈社区。

MIT License

Amaze UI 使用 MIT 许可证发布,用户可以自由使用、复制、修改、合并、出版发行、散布、再授权及贩售 Amaze UI 及其副本。

Heroes

参考、使用的项目:jQuery, Zepto.js, Seajs, Less, normalize.css, FontAwesome, Bootstrap, Foundation, UIKit, Pure, Framework7, etc.

Credits

我们追求卓越,然时间、经验、能力有限。Amaze UI 有很多不足的地方,希望大家包容、不吝赐教,给我们提意见、建议。感谢你们

×
Amaze UI 微信
在微信上关注我们