\n\n> A Vue.js 2.0 UI Toolkit for Web.\n\nElement will stay with Vue 2.x\n\nFor Vue 3.0, we recommend using [Element Plus](https://github.com/element-plus/element-plus)(Element Plus is a community develop project)\n\nFor MiniProgram development, we recommend using [MorJS](https://github.com/eleme/morjs)\n\n## Links\n- Homepage and documentation\n - [International users](http://element.eleme.io/#/en-US)\n - [Chinese users](http://element.eleme.io/#/zh-CN)\n - [Spanish users](http://element.eleme.io/#/es)\n - [French users](http://element.eleme.io/#/fr-FR)\n- [awesome-element](https://github.com/ElementUI/awesome-element)\n- [FAQ](./FAQ.md)\n- [Vue.js 3.0 migration](https://github.com/element-plus/element-plus)\n- [Customize theme](http://element.eleme.io/#/en-US/component/custom-theme)\n- [Preview and generate theme online](https://elementui.github.io/theme-chalk-preview)\n- [Element for React](https://github.com/elemefe/element-react)\n- [Element for Angular](https://github.com/ElemeFE/element-angular)\n- [Atom helper](https://github.com/ElemeFE/element-helper)\n- [Visual Studio Code helper](https://github.com/ElemeFE/vscode-element-helper)\n- Starter kit\n - [element-starter](https://github.com/ElementUI/element-starter)\n - [element-in-laravel-starter](https://github.com/ElementUI/element-in-laravel-starter)\n- [Design resources](https://github.com/ElementUI/Resources)\n- Gitter\n - [International users](https://gitter.im/element-en/Lobby)\n - [Chinese users](https://gitter.im/ElemeFE/element)\n\n## Install\n```shell\nnpm install element-ui -S\n```\n\n## Quick Start\n``` javascript\nimport Vue from 'vue'\nimport Element from 'element-ui'\n\nVue.use(Element)\n\n// or\nimport {\n Select,\n Button\n // ...\n} from 'element-ui'\n\nVue.component(Select.name, Select)\nVue.component(Button.name, Button)\n```\nFor more information, please refer to [Quick Start](http://element.eleme.io/#/en-US/component/quickstart) in our documentation.\n\n## Browser Support\nModern browsers and Internet Explorer 10+.\n\n## Development\nSkip this part if you just want to use Element.\n\nFor those who are interested in contributing to Element, please refer to our contributing guide ([中文](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.zh-CN.md) | [English](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.en-US.md) | [Español](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.es.md) | [Français](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.fr-FR.md)) to see how to run this project.\n\n## Changelog\nDetailed changes for each release are documented in the [release notes](https://github.com/ElemeFE/element/releases).\n\n## FAQ\nWe have collected some [frequently asked questions](https://github.com/ElemeFE/element/blob/master/FAQ.md). Before reporting an issue, please search if the FAQ has the answer to your problem.\n\n## Contribution\nPlease make sure to read the contributing guide ([中文](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.zh-CN.md) | [English](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.en-US.md) | [Español](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.es.md) | [Français](https://github.com/ElemeFE/element/blob/master/.github/CONTRIBUTING.fr-FR.md)) before making a pull request.\n\n## Special Thanks\nEnglish documentation is brought to you by SwiftGG Translation Team:\n- [raychenfj](https://github.com/raychenfj)\n- [kevin](http://thekevin.cn/)\n- [曾小涛](https://github.com/zengxiaotao)\n- [湾仔王二](https://github.com/wanzaiwanger)\n- [BlooDLine](http://www.ibloodline.com/)\n- [陈铭嘉](https://chenmingjia.github.io/)\n- [千叶知风](http://mpc6.com/)\n- [梁杰](http://numbbbbb.com)\n- [Changing](https://github.com/sunzhuo11)\n- [mmoaay](https://github.com/mmoaay)\n\nSpanish documentation is made possible by these community developers:\n- [adavie1](https://github.com/adavie1)\n- [carmencitaqiu](https://github.com/carmencitaqiu)\n- [coderdiaz](https://github.com/coderdiaz)\n- [fedegar33](https://github.com/fedegar33)\n- [Gonzalo2310](https://github.com/Gonzalo2310)\n- [lesterbx](https://github.com/lesterbx)\n- [ProgramerGuy](https://github.com/ProgramerGuy)\n- [SantiagoGdaR](https://github.com/SantiagoGdaR)\n- [sigfriedCub1990](https://github.com/sigfriedCub1990)\n- [thechosenjuan](https://github.com/thechosenjuan)\n\nFrench documentation is made possible by these community developers:\n- [smalesys](https://github.com/smalesys)\n- [blombard](https://github.com/blombard)\n\n## Join Discussion Group\n\nScan the QR code using [Dingtalk App](https://www.dingtalk.com/) to join in discussion group :\n\n\n\n\n## LICENSE\n[MIT](LICENSE)","users":{}}
![](\"https://cdn.rawgit.com/ElemeFE/element/dev/element_logo.svg\"){kind=logo}
\n![](\"https://travis-ci.org/ElemeFE/element.svg?branch=master\")
\n \n \n ![](\"https://coveralls.io/repos/github/ElemeFE/element/badge.svg?branch=master\"){kind=icon}
\n \n \n ![](\"https://img.shields.io/cdnjs/v/element-ui.svg\")
\n \n \n ![](\"https://img.shields.io/npm/v/element-ui.svg\")
\n \n \n ![](\"http://img.shields.io/npm/dm/element-ui.svg\")
\n \n ![](\"http://img.badgesize.io/https://unpkg.com/element-ui/lib/index.js?compression=gzip&label=gzip%20size:%20JS\")
![](\"http://img.badgesize.io/https://unpkg.com/element-ui/lib/theme-chalk/index.css?compression=gzip&label=gzip%20size:%20CSS\")
![](\"https://opencollective.com/element/backers/badge.svg\"){kind=icon}
\n \n \n ![](\"https://opencollective.com/element/sponsors/badge.svg\"){kind=icon}
\n \n \n ![](\"https://img.shields.io/badge/License-MIT-yellow.svg\"){kind=icon}
\n \n![\"Join](\"https://user-images.githubusercontent.com/17680888/93177882-0ae92d80-f766-11ea-870d-3fa2d7f06454.png\")
\n\n\n## LICENSE\n[MIT](LICENSE)","users":{}}