加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

README.md 3.57 KB

<p align="center">
  <img height="100"  width="100" src="https://www.heyui.top/static/images/logo.png"/>
</p>

# HeyUI

[![npm package](https://img.shields.io/npm/v/heyui.svg?style=flat-square)](https://www.npmjs.org/package/heyui)
![JS gzip size](http://img.badgesize.io/https://unpkg.com/heyui/dist/heyui.esm.js?style=flat-square&compression=gzip&label=gzip%20size:%20JS)
![CSS gzip size](http://img.badgesize.io/https://unpkg.com/heyui/themes/index.css?style=flat-square&compression=gzip&label=gzip%20size:%20CSS)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg?style=flat-square)](LICENSE)

> An UI components library.

## Components

<img src="https://raw.githubusercontent.com/heyui/heyui/master/doc/static/images/mindmap.png" style="max-width: 700px"/>

## Documentation

visit [heyui.top](http://www.heyui.top).

## Install

```js
npm install heyui --save
```

## Start

### Basic

```html

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/heyui"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/heyui/themes/index.css"></link>

```

#### Basic Online Demo

- [codepen demo](https://codepen.io/vvpvvp/pen/WJYKyq)
- [html demo](https://www.heyui.top/simple.html)

### Advanced

```js
import Vue from "vue"
import HeyUI from "heyui"
require("heyui/themes/index.less")

Vue.use(HeyUI)
```

#### Advanced Online Demo

- [Code Sandbox](https://codesandbox.io/s/github/vvpvvp/hey-demos/tree/master/)

## Development

You need install [hey-cli](https://www.npmjs.org/package/hey-cli).

```sh
#build
npm install
# build complete heyui
hey b
# build esm version
hey b -f hey.esm.js
# build lang js
hey b -f hey.lang.js

# develop
cd doc
npm install
hey dev

```

## Admin Template

[HeyUI Admin Template](http://admin.heyui.top)

## Ecosystem

<table>
  <thead>
    <tr>
      <th>Project</th>
      <th>Status</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="https://www.npmjs.com/package/hey-cli" rel="nofollow">hey-cli</a></td>
      <td>
        <a href="https://www.npmjs.org/package/hey-cli" target="_blank">
          <img src="https://img.shields.io/npm/v/hey-cli.svg?style=flat-square">
        </a></td>
      <td>Webpack Scaffolding</td>
    </tr>
    <tr>
      <td><a href="https://www.npmjs.com/package/hey-validator" rel="nofollow">hey-validator</a></td>
      <td><a href="https://www.npmjs.org/package/hey-validator" target="_blank">
          <img src="https://img.shields.io/npm/v/hey-validator.svg?style=flat-square">
        </a></td>
      <td>Validate Form Data</td>
    </tr>
    <tr>
      <td><a href="https://www.npmjs.com/package/hey-utils" rel="nofollow">hey-utils</a></td>
      <td><a href="https://www.npmjs.org/package/hey-utils" target="_blank">
          <img src="https://img.shields.io/npm/v/hey-utils.svg?style=flat-square">
        </a></td>
      <td>Javascript Utils</td>
    </tr>
    <tr>
      <td><a href="https://marketplace.visualstudio.com/items?itemName=vvpvvp.heyui-snippets" rel="nofollow">heyui-snippets</a></td>
      <td><a href="https://marketplace.visualstudio.com/items?itemName=vvpvvp.heyui-snippets" target="_blank">
          <img src="https://vsmarketplacebadge.apphb.com/version-short/vvpvvp.heyui-snippets.svg?style=flat-square">
        </a></td>
      <td>Snippet for VSCode</td>
    </tr>
  </tbody>
</table>

## Community

感兴趣的朋友请添加微信号：heyui-robot

我们会定期拉人入群。

## Browser Support

Modern browsers and Internet Explorer 9+.

## LICENSE

[MIT](https://opensource.org/licenses/MIT)

Copyright (c) 2017-present, Lan

一键复制编辑原始数据按行查看历史

提交于 2019-05-09 17:48 . fix some syntax error

HeyUI

JS gzip size CSS gzip size

An UI components library.

Components

Documentation

visit heyui.top.

Install

npm install heyui --save

Start

Basic


<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.jsdelivr.net/npm/heyui"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/heyui/themes/index.css"></link>

Basic Online Demo

Advanced

import Vue from "vue"
import HeyUI from "heyui"
require("heyui/themes/index.less")

Vue.use(HeyUI)

Advanced Online Demo

Code Sandbox

Development

You need install hey-cli.

#build
npm install
# build complete heyui
hey b
# build esm version
hey b -f hey.esm.js
# build lang js
hey b -f hey.lang.js

# develop
cd doc
npm install
hey dev

Admin Template

HeyUI Admin Template

Ecosystem

Project	Status	Description
hey-cli		Webpack Scaffolding
hey-validator		Validate Form Data
hey-utils		Javascript Utils
heyui-snippets		Snippet for VSCode

Community

感兴趣的朋友请添加微信号：heyui-robot

我们会定期拉人入群。

Browser Support

Modern browsers and Internet Explorer 9+.

LICENSE

Copyright (c) 2017-present, Lan

1

https://gitee.com/tomxiang/heyui.git

git@gitee.com:tomxiang/heyui.git

tomxiang

heyui

heyui

master