Ecosyste.ms: Awesome

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

https://github.com/ElemeFE/element

A Vue.js 2.0 UI Toolkit for Web
https://github.com/ElemeFE/element

components element-ui javascript ui-kit vue vue-components vuejs

Last synced: 25 days ago
JSON representation

A Vue.js 2.0 UI Toolkit for Web

Lists

README 

        


  






  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  


  

    

  

  

    

  

  

    

  

  

    

  

  

    

  




> A Vue.js 2.0 UI Toolkit for Web.



Element will stay with Vue 2.x



For Vue 3.0, we recommend using [Element Plus](https://github.com/element-plus/element-plus)(Element Plus is a community develop project)



For MiniProgram development, we recommend using [MorJS](https://github.com/eleme/morjs)



## Links

- Homepage and documentation

  - [International users](http://element.eleme.io/#/en-US)

  - [Chinese users](http://element.eleme.io/#/zh-CN)

  - [Spanish users](http://element.eleme.io/#/es)

  - [French users](http://element.eleme.io/#/fr-FR)

- [awesome-element](https://github.com/ElementUI/awesome-element)

- [FAQ](./FAQ.md)

- [Vue.js 3.0 migration](https://github.com/element-plus/element-plus)

- [Customize theme](http://element.eleme.io/#/en-US/component/custom-theme)

- [Preview and generate theme online](https://elementui.github.io/theme-chalk-preview)

- [Element for React](https://github.com/elemefe/element-react)

- [Element for Angular](https://github.com/ElemeFE/element-angular)

- [Atom helper](https://github.com/ElemeFE/element-helper)

- [Visual Studio Code helper](https://github.com/ElemeFE/vscode-element-helper)

- Starter kit

  - [element-starter](https://github.com/ElementUI/element-starter)

  - [element-in-laravel-starter](https://github.com/ElementUI/element-in-laravel-starter)

- [Design resources](https://github.com/ElementUI/Resources)

- Gitter

  - [International users](https://gitter.im/element-en/Lobby)

  - [Chinese users](https://gitter.im/ElemeFE/element)



## Install

```shell

npm install element-ui -S

```



## Quick Start

``` javascript

import Vue from 'vue'

import Element from 'element-ui'



Vue.use(Element)



// or

import {

  Select,

  Button

  // ...

} from 'element-ui'



Vue.component(Select.name, Select)

Vue.component(Button.name, Button)

```

For more information, please refer to [Quick Start](http://element.eleme.io/#/en-US/component/quickstart) in our documentation.



## Browser Support

Modern browsers and Internet Explorer 10+.



## Development

Skip this part if you just want to use Element.



For 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.



## Changelog

Detailed changes for each release are documented in the [release notes](https://github.com/ElemeFE/element/releases).



## FAQ

We 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.



## Contribution

Please 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.



## Special Thanks

English documentation is brought to you by SwiftGG Translation Team:

- [raychenfj](https://github.com/raychenfj)

- [kevin](http://thekevin.cn/)

- [曾小涛](https://github.com/zengxiaotao)

- [湾仔王二](https://github.com/wanzaiwanger)

- [BlooDLine](http://www.ibloodline.com/)

- [陈铭嘉](https://chenmingjia.github.io/)

- [千叶知风](http://mpc6.com/)

- [梁杰](http://numbbbbb.com)

- [Changing](https://github.com/sunzhuo11)

- [mmoaay](https://github.com/mmoaay)



Spanish documentation is made possible by these community developers:

- [adavie1](https://github.com/adavie1)

- [carmencitaqiu](https://github.com/carmencitaqiu)

- [coderdiaz](https://github.com/coderdiaz)

- [fedegar33](https://github.com/fedegar33)

- [Gonzalo2310](https://github.com/Gonzalo2310)

- [lesterbx](https://github.com/lesterbx)

- [ProgramerGuy](https://github.com/ProgramerGuy)

- [SantiagoGdaR](https://github.com/SantiagoGdaR)

- [sigfriedCub1990](https://github.com/sigfriedCub1990)

- [thechosenjuan](https://github.com/thechosenjuan)



French documentation is made possible by these community developers:

- [smalesys](https://github.com/smalesys)

- [blombard](https://github.com/blombard)



## Join Discussion Group



Scan the QR code using [Dingtalk App](https://www.dingtalk.com/) to join in discussion group :



Join Discusion Group



## LICENSE

[MIT](LICENSE)