back to home

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web

54,204 stars
14,562 forks
2,966 issues
VueJavaScriptSCSS

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing ElemeFE/element in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/ElemeFE/element)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview
<p align="center"> <img src="https://cdn.rawgit.com/ElemeFE/element/dev/element_logo.svg"> </p> <p align="center"> <a href="https://travis-ci.org/ElemeFE/element"> <img src="https://travis-ci.org/ElemeFE/element.svg?branch=master"> </a> <a href="https://coveralls.io/github/ElemeFE/element?branch=master"> <img src="https://coveralls.io/repos/github/ElemeFE/element/badge.svg?branch=master"> </a> <a href="https://cdnjs.com/libraries/element-ui"> <img src="https://img.shields.io/cdnjs/v/element-ui.svg"> </a> <a href="https://www.npmjs.org/package/element-ui"> <img src="https://img.shields.io/npm/v/element-ui.svg"> </a> <a href="https://npmcharts.com/compare/element-ui?minimal=true"> <img src="http://img.shields.io/npm/dm/element-ui.svg"> </a> <br> <a href="http://img.badgesize.io/https://unpkg.com/element-ui/lib/index.js?compression=gzip&label=gzip%20size:%20JS"> <img src="http://img.badgesize.io/https://unpkg.com/element-ui/lib/index.js?compression=gzip&label=gzip%20size:%20JS"> </a> <a href="http://img.badgesize.io/https://unpkg.com/element-ui/lib/theme-chalk/index.css?compression=gzip&label=gzip%20size:%20CSS"> <img src="http://img.badgesize.io/https://unpkg.com/element-ui/lib/theme-chalk/index.css?compression=gzip&label=gzip%20size:%20CSS"> </a> <a href="#backers"> <img src="https://opencollective.com/element/backers/badge.svg"> </a> <a href="#sponsors"> <img src="https://opencollective.com/element/sponsors/badge.svg"> </a> <a href="LICENSE"> <img src="https://img.shields.io/badge/License-MIT-yellow.svg"> </a> </p>

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(Element Plus is a community develop project)

For MiniProgram development, we recommend using MorJS

Links

Install

npm install element-ui -S

Quick Start

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 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 (中文 | English | Español | Français) to see how to run this project.

Changelog

Detailed changes for each release are documented in the release notes.

FAQ

We have collected some frequently asked questions. Before reporting an issue, please search if the FAQ has the answer to your problem.

Contribution

Please make sure to read the contributing guide (中文 | English | Español | Français) before making a pull request.

Special Thanks

English documentation is brought to you by SwiftGG Translation Team:

Spanish documentation is made possible by these community developers:

French documentation is made possible by these community developers:

Join Discussion Group

Scan the QR code using Dingtalk App to join in discussion group :

<img alt="Join Discusion Group" src="https://user-images.githubusercontent.com/17680888/93177882-0ae92d80-f766-11ea-870d-3fa2d7f06454.png" width="300">

LICENSE

MIT