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 WebAmaze UI Touch
定位移动优先、响应式、跨屏 UI 组件库专属移动(手机)端的 UI 组件库
JS 基础库jQueryReact
CSS 预处理LessSass
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@GitHubAmaze 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 微信
在微信上关注我们