# ![ZUI](https://raw.githubusercontent.com/easysoft/zui/master/docs/img/zui-logo-48.png)

[![npm version](https://badge.fury.io/js/zui.svg)](https://badge.fury.io/js/zui)
[![Bower version](https://badge.fury.io/bo/zui.svg)](https://badge.fury.io/bo/zui)
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/easysoft/zui/blob/master/LICENSE)

文档语言：[中文](https://github.com/easysoft/zui/blob/master/README.md) ｜ [English](https://github.com/easysoft/zui/blob/master/en/README.md)

一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。

从官方网站了解更多： https://openzui.com/ 。

💎  为移动端设计，基于 Flex 的 UI 框架： [MZUI](https://openzui.com/m/)。

官方 QQ 群：**2群：127535859**，1群：384135104（满员）
项目和计划：http://zui.5upm.com/product-browse-2.html

## 特色

- 简单易用，快速构建美观的现代 Web 应用；
- 轻量级高性能，只包含关键功能特性，但具备高可扩展性，只让你的应用更快；
- 跨平台支持，多屏幕响应；最大限度的利用现代浏览器特性，但也支持 IE8 等古老的浏览器；
- 完整方案，内置大量实用第三方组件，并进行了优化，适用大部分 Web 应用的开发；
- 易于定制，有多个版本供选择，主要版本包含大部分特性，额外的内容按需加载。

## 快速使用

详细使用说明访问 https://openzui.com/#basic/download 。

### NPM

```
npm install zui
```

### CDN

由 <a href="https://cdnjs.com/libraries/zui" target="_blank">cdnjs</a> 提供：

```html
<!-- ZUI 标准版压缩后的 CSS 文件 -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/zui/1.10.0/css/zui.min.css">

<!-- ZUI Javascript 依赖 jQuery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/zui/1.10.0/lib/jquery/jquery.js"></script>
<!-- ZUI 标准版压缩后的 JavaScript 文件 -->
<script src="//cdnjs.cloudflare.com/ajax/libs/zui/1.10.0/js/zui.min.js"></script>
```

其他 CDN:

 - 由国内 <a href="http://www.bootcdn.cn/" target="_blank">BootCDN</a> 提供

### 下载

 - [v 1.10.0 生产包](https://github.com/easysoft/zui/releases/download/v1.10.0/zui-1.10.0-dist.zip)
 - [v 1.10.0 源码](https://github.com/easysoft/zui/archive/v1.10.0.zip)

### 模板

后台管理模板位于`template/`下，详情请查看`template/README.md`。

### 文档

文档请直接访问官方网站 https://openzui.com/ 。

开发中的文档请访问 https://easysoft.github.io/zui/ 。

你也可以自己部署文档网站：下载源码后，请使用 `http:` 或 `https:` 协议访问源码根目录下的 `index.html`。

如果你的安装了 [Node.js](https://nodejs.org/) 环境，则可以按照如下步骤轻松启动网站：

1. 进入 ZUI 源码目录；
2. 执行 `npm install`；
3. 执行 `npm start`；
4. 在浏览器中访问 `http://127.0.0.1:8088`。

## 使用 ZUI 开发的项目

- [禅道](https://zentao.net)
- [ZSITE](https://zsite.org)
- [ZDOO](https://zdoo.com)
- [喧喧](https://xuanim.com)