微信分享 Logo
一个旨在提高 UI 开发效率
快速产生项目 UI 的前端框架
GitHub 开始使用
当前版本 v1.3.1
快速产生项目 UI
QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。
框架主要由一个强大的 Sass 方法合集与内置的工作流构成。通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。
如果你需要方便地控制项目的整体样式,或者需要应对频繁的界面变动,
那么 QMUI Web 框架将会是你最好的解决方案。

QMUI Web 是一个专注 Web UI 开发,帮助开发者快速实现特定的一整套设计的框架。

框架主要由一个强大的 Sass 方法合集与内置的工作流构成。通过 QMUI Web,开发者可以很轻松地提高 Web UI 开发的效率,同时保持了项目的高可维护性与稳健。

如果你需要方便地控制项目的整体样式,或者需要应对频繁的界面变动,那么 QMUI Web 框架将会是你最好的解决方案。

基础配置与组件
通过内置的公共组件和对应的 Sass 配置表,你只需修改简单的配置即可快速实现所需样式的组件。
QMUI Sass 配置表和公共组件如何帮忙开发者快速搭建项目基础 UI?)
Sass 与 Compass 支持
QMUI Web 包含70个 Sass mixin / function / extend,
涉及布局、外观、动画、设备适配、数值计算以及 Sass 原生能力增强等多个方面,可以大幅度提升开发效率。
完善的内置工作流
QMUI Web 内置的工作流拥有从初始化项目到变更文件的各种自动化处理,包含了模板引擎,图片集中管理与自动压缩,静态资源合并、压缩与变更以及冗余文件清理等功能。
扩展组件
QMUI Web 除了内置的公共组件外,还通过扩展的方式提供了常用的扩展组件,如雪碧图组件,等高左右双栏,文件上传按钮,树状选择菜单。
QMUI Web Desktop
QMUI Web Desktop 是一款基于 QMUI Web 的桌面 App,包含 macOS 和 Windows 两个版本。它可以管理基于 QMUI Web 进行开发的项目,通过 GUI 界面处理 QMUI Web 的服务开启/关闭,使框架的使用变得更加便捷,并提供了编译提醒,出错提醒,进程关闭提醒等额外的功能。
从 Github 下载
高速分流下载 macOS / Windows
该框架已支持以下项目:
♥ Developed by QMUI Team
Star me on Github