Awesome Element Plus

A curated list of awesome things related to Element Plus

Legend: 💙 Official · 👓 Live demo · 🌐 Website

• Resources
  • Official Resources
  • Element UI For Vue2
  • Community
  • Tutorials
  • Blog Posts
• Recommended With
• Components & Libraries
• Apps/Websites
• Templates
  • Admin Template
  • Starter Template

Resources

Official Resources

• Documentation
• GitHub Repo
• Release Notes
• Npm Package

Official Project

• 💙 Playground - Element Plus Play
• 💙 Icons - Element Plus icons collection.
• 💙 element-plus-nuxt - Element Plus module for Nuxt.
• 💙 unplugin-element-plus - On-demand import style for Element Plus.

Element UI For Vue2

• Documentation
• GitHub Repo

Awesome Element UI

This option only adds exceptional items, and in principle does not add special content.

• vue-element-admin 👓
• vue-admin-better 👓

Community

• SegmentFault
• Discord
• Docs Translation
• Components Core Locale Translation

Tutorials

• Vue 3 Migration Guide
• Element 2.x to Element Plus Break Change

Blog Posts

• Element Plus 正式版发布啦！🎉🎉
• Element Plus 源码分析——构建与代码风格
• Vue3.2 + Element Plus 二次封装 el-table（Pro版🚀🚀）

Recommended With

Using these libraries together will double your efficiency in using Element Plus.

• Vite - Next generation frontend tooling. It's fast! 🌐
• Typescript - The most popular front-end language on github, a first-class citizen in Vscode. 🌐
• pnpm - Fast, disk space efficient package manager. 🌐
• Tailwind CSS - A utility-first CSS framework. 🌐 - Play
• unocss - The instant on-demand atomic CSS engine. 🌐 - Play
• scss - The reference implementation of Sass, written in Dart. 🌐
• vueuse - Collection of essential Vue Composition Utilities. 🌐 - 中文
• unplugin-vue-macros - Extend more macros and syntax sugar to Vue. 🌐
• unplugin-auto-import - Auto import APIs on-demand.
• unplugin-vue-components - 📲 On-demand components auto importing for Vue.
• vite-plugin-vue-inspector - Click DOM open IDE.
• Vue DevTools Next - The next iteration of Vue DevTools.
• Volar - Vue IDE syntax hints. - Download

Components & Libraries

• element-pro-components - A component library for Vue 3 base on Element Plus. 🌐
• el-table-infinite-scroll - Infinite scroll for el-table. 🌐
• el-select-v2 - 不论你的数据量多大，虚拟列表都能毫无压力地处理. 👓

Apps/Websites

• Vuetelescope Filter

Templates

Admin Template

• vue-pure-admin - 🔥 全面 ESM+Vue3+Vite+Element Plus+TypeScript 编写的一款后台管理系统（兼容移动端）. 👓
• vue-manage-system - Vue3、Element Plus、typescript 后台管理系统. 👓
• Geeker-Admin - ✨ 基于 Vue3.4、TypeScript、Element Plus 开源的一套后台管理框架. 👓
• RuoYi-Vue3 - 🎉 基于 SpringBoot，Spring Security，JWT，Vue3 & Vite、Element Plus 的前后端分离权限管理系统
• Vue.NetCore - .NetCore、.Net6、TypeScript、Element Plus+uniapp 前后端分离. 👓
• geekai - AI 助手, 采用 Go + Vue3 + Element Plus 实现. 👓
• vue3-element-admin - vue-element-admin vue3 version implementation. 👓
• vben-admin-ele - A modern vue admin panel built with Vue3, Vite, TypeScript, and Monorepo. It's fast! 👓

Starter Template

• 💙 Vite Starter - A starter kit for Element Plus with Vite. 👓
• 💙 Nuxt 3 Starter - A starter example for Element Plus with Nuxt 3. 👓
• Vitesse Lite - ⛺️ Although Element Plus is not installed by default, it is still highly recommended. 👓
• v3-admin-vite - ☀️ A vue3 admin template. 👓