Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/iview/iview

A high quality UI Toolkit built on Vue.js 2.0
https://github.com/iview/iview

components css design-systems frontend iview javascript ui-design ui-kit vue vue-components

Last synced: about 1 month ago
JSON representation

A high quality UI Toolkit built on Vue.js 2.0

Host: GitHub
URL: https://github.com/iview/iview
Owner: iview
License: other
Created: 2016-07-28T01:52:59.000Z (about 8 years ago)
Default Branch: 2.0
Last Pushed: 2024-01-15T00:27:21.000Z (8 months ago)
Last Synced: 2024-04-14T11:04:22.194Z (5 months ago)
Topics: components, css, design-systems, frontend, iview, javascript, ui-design, ui-kit, vue, vue-components
Language: Vue
Homepage: http://iview.talkingdata.com
Size: 31.2 MB
Stars: 23,971
Watchers: 751
Forks: 4,161
Open Issues: 1,228
Metadata Files:
- Readme: README.md
- Changelog: CHANGE.md
- License: LICENSE

Awesome Lists containing this project

favorite-link - 基于 Vue.js 2.0 构建的高质量 UI 工具包。
awesome-vue - iview - 基于 Vuejs 的开源 UI 组件库 (UI组件)
awesome-github-vue - iview - 基于 Vuejs 的开源 UI 组件库 (UI组件)
StarryDivineSky - iview/iview
awesome-vue - iview - 基于 Vuejs 的开源 UI 组件库 (UI组件)
awesome-github-vue - iview - 基于 Vuejs 的开源 UI 组件库 (UI组件)
awesome - iview - 基于 Vuejs 的开源 UI 组件库 (UI组件)
awesome-hacking-lists - iview/iview - A high quality UI Toolkit built on Vue.js 2.0 (Vue)
awesome - iview/iview - A high quality UI Toolkit built on Vue.js 2.0 (Vue)

README

        


    

        

    





iView

    
A high quality UI Toolkit built on Vue.js.



[![](https://img.shields.io/travis/iview/iview.svg?style=flat-square)](https://travis-ci.org/iview/iview)

[![iView](https://img.shields.io/npm/v/iview.svg?style=flat-square)](https://www.npmjs.org/package/iview)

[![NPM downloads](http://img.shields.io/npm/dm/iview.svg?style=flat-square)](https://npmjs.org/package/iview)

[![NPM downloads](https://img.shields.io/npm/dt/iview.svg?style=flat-square)](https://npmjs.org/package/iview)

![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

**[3.x](http://iview.talkingdata.com/)** | [2.x](http://v2.iviewui.com) | [1.x](http://v1.iviewui.com)

## Features

- Dozens of useful and beautiful components.

- Friendly API. It's made for people with any skill level.

- Extensive documentation and demos.

- It is quite beautiful.

- Supports both Vue.js 2 and Vue.js 1.

## Who's using iView

- [TalkingData 腾云天下](http://www.talkingdata.com/)

- [Alibaba 阿里巴巴](http://www.alibaba.com/)

- [Baidu 百度](https://www.baidu.com/)

- [Tencent 腾讯](https://www.tencent.com/)

- [Toutiao 今日头条](https://www.toutiao.com/)

- [JD 京东](http://www.jd.com/)

- [DiDi 滴滴](http://www.didichuxing.com/)

- [Meituan 美团](http://www.meituan.com/)

- [Sina 新浪](http://www.sina.com.cn/)

- [iFLYTEK 科大讯飞](http://www.iflytek.com/)

- [LY 同程艺龙](https://www.ly.com/)

> If your company or products use iView, welcome to click [here](https://github.com/iview/iview/issues/2143) to leave a message.

## Install

We provide an [iView plugin](https://github.com/iview/vue-cli-plugin-iview) for Vue CLI 3, which you can use to quickly build an iView-based project.

We also provide a starter kit [iview-project](https://github.com/iview/iview-project) for you.

### Install iView

Using npm:

```

npm install iview --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 'iview/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 or have questions or bugs to report:

**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/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

- [iView Developer](https://dev.iviewui.com)

- [iView Run](https://run.iviewui.com)

- [iView-Admin](https://github.com/iview/iview-admin)

- [iView-Loader](https://github.com/iview/iview-loader)

- [iView-Plugin](https://github.com/iview/vue-cli-plugin-iview)

- [iView-Area](https://github.com/iview/iview-area)

- [iView-Editor](https://github.com/iview/iview-editor)

## License

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

Copyright (c) 2016-present, TalkingData