Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/view-design/ViewUI
A high quality UI Toolkit built on Vue.js 2.0
https://github.com/view-design/ViewUI
components css design-systems frontend iview javascript ui-design ui-kit vue vue-components
Last synced: 2 months ago
JSON representation
A high quality UI Toolkit built on Vue.js 2.0
- Host: GitHub
- URL: https://github.com/view-design/ViewUI
- Owner: view-design
- License: other
- Created: 2019-08-26T11:13:32.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2024-08-02T01:41:56.000Z (6 months ago)
- Last Synced: 2024-11-11T09:02:53.553Z (3 months ago)
- Topics: components, css, design-systems, frontend, iview, javascript, ui-design, ui-kit, vue, vue-components
- Language: Vue
- Homepage: https://www.iviewui.com/
- Size: 35.5 MB
- Stars: 2,646
- Watchers: 49
- Forks: 797
- Open Issues: 905
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
ViewUI
A high quality UI Toolkit built on Vue.js.
> 该项目即为原先的 iView。iView 作者将在此仓库继续开发 iView 4.0 和后续版本,以及维护工作。新的组件库命名为 ViewUI,原仓库 iView 作者不再提交内容。
>
> This project is the original iView. The iView author will continue to develop iView 4.0 and subsequent releases, as well as maintenance work, in this repository. The new component library is named ViewUI, and the iView author will no longer continue to submit content in the original repository.[![](https://img.shields.io/travis/iview/iview.svg?style=flat-square)](https://travis-ci.org/iview/iview)
[![View UI](https://img.shields.io/npm/v/view-design.svg?style=flat-square)](https://www.npmjs.org/package/view-design)
[![NPM downloads](http://img.shields.io/npm/dm/iview.svg?style=flat-square)](https://npmjs.org/package/view-design)
[![NPM downloads](https://img.shields.io/npm/dt/iview.svg?style=flat-square)](https://npmjs.org/package/view-design)
![JS gzip size](http://img.badgesize.io/https://unpkg.com/iview/dist/iview.min.js?compression=gzip&label=gzip%20size:%20JS&style=flat-square)
![CSS gzip size](http://img.badgesize.io/https://unpkg.com/iview/dist/styles/iview.css?compression=gzip&label=gzip%20size:%20CSS&style=flat-square)
[![Join the chat at https://gitter.im/iview/iview](https://img.shields.io/badge/chat-on_gitter-30b392.svg?style=flat-square)](https://gitter.im/iview/iview?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
[![Backers on Open Collective](https://opencollective.com/iview/tiers/backer/badge.svg?label=backer&color=brightgreen)](#backers)
[![Sponers on Open Collective](https://opencollective.com/iview/tiers/sponsor/badge.svg?label=sponsor&color=brightgreen)](#sponers)## Docs
**[4.x](https://www.iviewui.com)** | [3.x](http://v3.iviewui.com) | [2.x](http://v2.iviewui.com) | [1.x](http://v1.iviewui.com)
## Start On Cloud IDE
[https://idegithub.com/view-design/ViewUI](https://idegithub.com/view-design/ViewUI)
## Features
- Dozens of useful and beautiful components.
- Friendly API. It's made for people with any skills level.
- Extensive documentations and demos.
- It is quite awesome.
- Supports both Vue.js 2 and Vue.js 1.## Who's using ViewUI
![](https://file.iviewui.com/iview-design-dist/7fe5f4413704bbcb3ccc461ba92f6b50.jpg)
## Install
We provide an [View UI plugin](https://github.com/view-design/vue-cli-plugin-viewui) for Vue CLI 3, which you can use to quickly build an ViewUI-based project.
We also provide a starter kit [view-ui-project](https://github.com/view-design/view-ui-project) for you.
### Install View UI
Using npm:
```
npm install view-design --save
```Using a script tag for global use:
```html
```
You can find more info [on the website](https://www.iviewui.com/docs/guide/install-en).
## Usage
```vue
export default {
data () {
return {
value: [20, 50]
}
}
}```
Using css via `import`:
```js
import 'view-design/dist/styles/iview.css';
```## Compatibility
- Supports Vue.js 2.x
- Supports Vue.js 1.x - [visit 1.0 docs](http://v1.iviewui.com/)
- Supports SSR
- Supports [Nuxt.js](https://nuxtjs.org/)
- Supports TypeScript
- Supports [Electron](http://electron.atom.io/)
- Most components and features support IE9 and above browsers, some components and features do not support IE## Community
If you want to contribute us or in case you are haiving any doubt.
**Questions:** Find other users at the [Gitter chat](https://gitter.im/iview/iview) or post on [StackOverflow using `[iview-ui]` tag](https://stackoverflow.com/questions/tagged/iview-ui)
**Bugs:** [File a issue here](https://github.com/iview-design/iview/issues) - please provide a example so we can help you better
**Contribute:** Contact us in [Gitter chat](https://gitter.im/iview/iview), WeChat or via mail to `[email protected]`. PRs welcome!## Major Contributors
|Name|Avatar|Name|Avatar|Name|Avatar|
|---|---|---|---|---|---|
|[Aresn](https://github.com/icarusion) | ![](https://avatars3.githubusercontent.com/u/5370542?v=3&s=60) |[jingsam](https://github.com/jingsam) | ![](https://avatars3.githubusercontent.com/u/1522494?v=3&s=60) | [rijn](https://github.com/rijn) | ![](https://avatars2.githubusercontent.com/u/6976367?v=3&s=60) |
|[lcx960324](https://github.com/lcx960324) | ![](https://avatars3.githubusercontent.com/u/9768245?v=3&s=60) |[GITleonine1989](https://github.com/GITleonine1989) | ![](https://avatars1.githubusercontent.com/u/7582490?v=3&s=60) |[huixisheng](https://github.com/huixisheng) | ![](https://avatars1.githubusercontent.com/u/1518967?v=3&s=60) |
|[Sergio Crisostomo](https://github.com/SergioCrisostomo) | ![](https://avatars3.githubusercontent.com/u/5614559?v=3&s=60) | [lison16](https://github.com/lison16) | ![](https://avatars3.githubusercontent.com/u/20942571?v=3&s=60) | [Xotic750](https://github.com/Xotic750) | ![](https://avatars3.githubusercontent.com/u/216041?v=3&s=60) |
[huanghong1125](https://github.com/huanghong1125) | ![](https://avatars3.githubusercontent.com/u/12794817?v=3&s=60) | [yangdan8](https://github.com/yangdan8) | ![](https://avatars2.githubusercontent.com/u/16515026?v=3&s=60) |## Ecosystem Links
- [View UI Pro](https://pro.iviewui.com/pro)
- [View UI Admin Pro](https://pro.iviewui.com/admin-pro)
- [Developer](https://dev.iviewui.com)
- [Run](https://run.iviewui.com)
- [iView-Loader](https://github.com/iview/iview-loader)
- [ViewUI-Plugin](https://github.com/iview/vue-cli-plugin-iview)## License
[MIT](http://opensource.org/licenses/MIT)Copyright (c) 2016-present, ViewDesign