<p align="center">
    <img src="http://h0.hucdn.com/open/201643/b11d51da34591932_1200x1200.jpg" width="400" alt="Morning UI">
</p>

<p align="center">
    <a href="https://circleci.com/gh/Morning-UI/morning-ui">
        <img src="https://img.shields.io/circleci/project/github/Morning-UI/morning-ui/master.svg" alt="CircleCI branch">
    </a>
    <a href="https://codecov.io/gh/Morning-UI/morning-ui/branch/master">
        <img src="https://img.shields.io/codecov/c/github/Morning-UI/morning-ui/master.svg" alt="Codecov branch">
    </a>
    <a href="https://www.browserstack.com/automate/public-build/">
        <img src='https://www.browserstack.com/automate/badge.svg?badge_key='/>
    </a>
    <a href="https://www.codacy.com/app/EarlyH/morning-ui?utm_source=github.com&amp;utm_medium=referral&amp;utm_content=Morning-UI/morning-ui&amp;utm_campaign=Badge_Grade">
        <img src="https://img.shields.io/codacy/grade/a350b137efdd45bf8a312573f9850129/master.svg" alt="Codacy branch grade">
    </a>
    <a href="https://app.fossa.io/projects/git%2Bgithub.com%2FMorning-UI%2Fmorning-ui?ref=badge_shield">
        <img src="https://app.fossa.io/api/projects/git%2Bgithub.com%2FMorning-UI%2Fmorning-ui.svg?type=shield" alt="FOSSA Status">
    </a>
    <a href="https://www.npmjs.com/package/morning-ui">
        <img src="https://img.shields.io/npm/l/morning-ui.svg" alt="npm">
    </a>
    <br>
    <a href="https://www.npmjs.com/package/morning-ui">
        <img src="https://img.shields.io/npm/dt/morning-ui.svg" alt="npm downloads">
    </a>
    <a href="https://www.jsdelivr.com/package/npm/morning-ui">
        <img src="https://data.jsdelivr.com/v1/package/npm/morning-ui/badge?style=rounded" alt="jsdelivr">
    </a>
</p>
<br>

## 简介

Morning UI是一套桌面端UI组件库，基于[Vue.js](https://github.com/vuejs/vue)。

## 为什么要用 Morning UI？

- 基于Vue.js，开箱即用，简单易学
- 超过80个组件
- 强大的表单组件，可用于生成复杂数据结构(包括对象和数组等)

## 安装

> npm install morning-ui --save

## 使用

    // 引入Vue.js
    import Vue from 'vue';

    // 引入Morning UI
    import morning from 'morning-ui';
    import 'morning-ui/dist/morning-ui.css';

    // 初始化Morning UI
    Vue.use(morning);

接下来即可像使用原生HTML一样使用Morning UI提供的组件，更多信息查看：[使用文档](https://morning-ui.com/guide/usage.html)。

## 文档

你可以在Morning UI的网站上查看详细[使用指南](https://morning-ui.com/guide/introduction.html)或[组件文档](https://morning-ui.com/component/h.html)。

## 贡献

我们欢迎所有的贡献者，请查看[贡献者文档](https://morning-ui.com/guide/becontributor.html)获取更多信息。

## 浏览器支持

Tested With

<a href="https://www.browserstack.com" rel="nofollow">
    <img src="https://user-images.githubusercontent.com/1768041/44645022-b6e94000-aa08-11e8-9c53-0c1e878ba5e4.png" alt="BrowserStack" width="200">
</a>

## 许可

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

Copyright (c) 2015-2019, Early He
