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 ``` 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 `iview@tendcloud.com`. 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