Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/warmthsea/awesome-element-plus

😎 Awesome things related to Element Plus
https://github.com/warmthsea/awesome-element-plus

List: awesome-element-plus

awesome awesome-list components element-plus element-ui lists resources ui-library vue

Last synced: 2 months ago
JSON representation

😎 Awesome things related to Element Plus

Host: GitHub
URL: https://github.com/warmthsea/awesome-element-plus
Owner: warmthsea
License: cc0-1.0
Created: 2024-06-18T03:21:33.000Z (6 months ago)
Default Branch: main
Last Pushed: 2024-08-21T02:27:47.000Z (4 months ago)
Last Synced: 2024-08-21T03:34:58.926Z (4 months ago)
Topics: awesome, awesome-list, components, element-plus, element-ui, lists, resources, ui-library, vue
Language: TypeScript
Homepage:
Size: 73.2 KB
Stars: 6
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: readme.md
- License: license.txt

Awesome Lists containing this project

ultimate-awesome - awesome-element-plus - 😎 Awesome things related to Element Plus. (Programming Language Lists / JavaScript Lists)

README

        


	



Awesome Element Plus




  A curated list of awesome things related to Element Plus

  



  

  



**Legend**: 💙 Official · 👓 Live demo · 🌐 Website



- [Resources](#resources)

  - [Official Resources](#official-resources)

  - [Element UI For Vue2](#element-ui-for-vue2)

  - [Community](#community)

  - [Tutorials](#tutorials)

  - [Blog Posts](#blog-posts)

- [Recommended With](#recommended-with)

- [Components & Libraries](#components--libraries)

- [Apps/Websites](#appswebsites)

- [Templates](#templates)

  - [Admin Template](#admin-template)

  - [Starter Template](#starter-template)

## Resources

### Official Resources

- [Documentation](https://element-plus.org)

- [GitHub Repo](https://github.com/element-plus/element-plus)

- [Release Notes](https://github.com/element-plus/element-plus/releases)

- [Npm Package](https://www.npmjs.com/package/element-plus)

### Official Project

- 💙 [Playground](https://github.com/element-plus/element-plus-playground) - Element Plus [Play](https://element-plus.run/)

- 💙 [Icons](https://github.com/element-plus/element-plus-icons) - Element Plus icons collection.

- 💙 [element-plus-nuxt](https://github.com/element-plus/element-plus-nuxt) - Element Plus module for Nuxt.

- 💙 [unplugin-element-plus](https://github.com/element-plus/unplugin-element-plus) - On-demand import style for Element Plus.

### Element UI For Vue2

- [Documentation](https://element.eleme.io)

- [GitHub Repo](https://github.com/ElemeFE/element)

#### Awesome Element UI

[vue2]: https://img.shields.io/badge/-Vue%202-42b883

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

- [vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) [👓](https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard) ![vue2]

- [vue-admin-better](https://github.com/zxwk1998/vue-admin-better) [👓](https://vue-admin-beautiful.com/shop-vite) ![vue2]

### Community

- [SegmentFault](https://segmentfault.com/t/element-plus)

- [Discord](https://discord.com/invite/gXK9XNzW3X)

- [Docs Translation](https://crowdin.com/project/element-plus)

- [Components Core Locale Translation](https://github.com/element-plus/element-plus/tree/dev/packages/locale/lang)

### Tutorials

- [Vue 3 Migration Guide](https://v3-migration.vuejs.org/)

- [Element 2.x to Element Plus Break Change](https://github.com/element-plus/element-plus/discussions/5658)

### Blog Posts

- [Element Plus 正式版发布啦！🎉🎉](https://juejin.cn/post/7061850934095609863?searchId=20240621093618E09C4582BB9D1A5A4CBC)

- [Element Plus 源码分析——构建与代码风格](https://juejin.cn/post/7076941611216666654)

- [Vue3.2 + Element Plus 二次封装 el-table（Pro版🚀🚀）](https://juejin.cn/post/7166068828202336263?searchId=202406241500481C65DCA465CF25281220)

## Recommended With

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

- [Vite](https://github.com/vitejs/vite) - Next generation frontend tooling. It's fast! [🌐](https://vitejs.dev/)

- [Typescript](https://github.com/microsoft/TypeScript) - The most popular front-end language on github, a first-class citizen in Vscode. [🌐](https://www.typescriptlang.org/)

- [pnpm](https://github.com/pnpm/pnpm) - Fast, disk space efficient package manager. [🌐](https://pnpm.io/)

- [Tailwind CSS](https://github.com/tailwindlabs/tailwindcss) - A utility-first CSS framework. [🌐](https://tailwindcss.com/) - [Play](https://play.tailwindcss.com/)

- [unocss](https://github.com/unocss/unocss) - The instant on-demand atomic CSS engine. [🌐](https://unocss.dev/) - [Play](https://unocss.dev/play/)

- [scss](https://github.com/sass/dart-sass) - The reference implementation of Sass, written in Dart. [🌐](https://sass-lang.com/dart-sass/)

- [vueuse](https://github.com/vueuse/vueuse) - Collection of essential Vue Composition Utilities. [🌐](https://vueuse.org/) - [中文](https://vueuse.pages.dev/)

- [unplugin-vue-macros](https://github.com/vue-macros/vue-macros) - Extend more macros and syntax sugar to Vue. [🌐](https://vue-macros.dev/)

- [unplugin-auto-import](https://github.com/unplugin/unplugin-auto-import) - Auto import APIs on-demand.

- [unplugin-vue-components](https://github.com/unplugin/unplugin-vue-components) - 📲 On-demand components auto importing for Vue.

- [vite-plugin-vue-inspector](https://github.com/webfansplz/vite-plugin-vue-inspector) - Click DOM open IDE.

- [Vue DevTools Next](https://github.com/vuejs/devtools-next) - The next iteration of Vue DevTools.

- [Volar](https://github.com/vuejs/language-tools) - Vue IDE syntax hints. - [Download](https://marketplace.visualstudio.com/items?itemName=Vue.volar)

## Components & Libraries

- [element-pro-components](https://github.com/tolking/element-pro-components) - A component library for Vue 3 base on Element Plus. [🌐](https://tolking.github.io/element-pro-components/zh-CN/guide/)

- [el-table-infinite-scroll](https://github.com/yujinpan/el-table-infinite-scroll) - Infinite scroll for el-table. [🌐](https://yujinpan.github.io/el-table-infinite-scroll/)

- [el-select-v2](https://github.com/kooriookami/el-select-v2) - 不论你的数据量多大，虚拟列表都能毫无压力地处理. [👓](https://kooriookami.github.io/el-select-v2/)

## Apps/Websites

- [Vuetelescope Filter](https://www.vuetelescope.com/explore?ui.slug=element-ui&framework_null=true&_sort=lastDetectedAt:desc)

## Templates

### Admin Template

- [vue-pure-admin](https://github.com/pure-admin/vue-pure-admin) - 🔥 全面 `ESM`+`Vue3`+`Vite`+`Element Plus`+`TypeScript` 编写的一款后台管理系统（兼容移动端）. [👓](https://pure-admin.github.io/vue-pure-admin)

- [vue-manage-system](https://github.com/lin-xin/vue-manage-system) - `Vue3`、`Element Plus`、`typescript` 后台管理系统. [👓](https://lin-xin.github.io/example/vue-manage-system)

- [Geeker-Admin](https://github.com/HalseySpicy/Geeker-Admin) - ✨ 基于 `Vue3.4`、`TypeScript`、`Element Plus` 开源的一套后台管理框架. [👓](https://admin.spicyboy.cn)

- [RuoYi-Vue3](https://github.com/yangzongzhuan/RuoYi-Vue3) - 🎉 基于 `SpringBoot`，`Spring Security`，`JWT`，`Vue3 & Vite`、`Element Plus` 的前后端分离权限管理系统

- [Vue.NetCore](https://github.com/cq-panda/Vue.NetCore) - `.NetCore`、`.Net6`、`TypeScript`、`Element Plus`+`uniapp` 前后端分离. [👓](http://www.volcore.xyz)

- [geekai](https://github.com/yangjian102621/geekai) - AI 助手, 采用 `Go` + `Vue3` + `Element Plus` 实现. [👓](https://ai.r9it.com/)

- [vue3-element-admin](https://github.com/youlaitech/vue3-element-admin) - `vue-element-admin` vue3 version implementation. [👓](https://vue3.youlai.tech)

- [vben-admin-ele](https://github.com/vbenjs/vue-vben-admin/tree/main/apps/web-ele) - A modern vue admin panel built with `Vue3`, `Vite`, `TypeScript`, and `Monorepo`. It's fast! [👓](https://ele.vben.pro/)

### Starter Template

- 💙 [Vite Starter](https://github.com/element-plus/element-plus-vite-starter) - A starter kit for Element Plus with Vite. [👓](https://vite-starter.element-plus.org)

- 💙 [Nuxt 3 Starter](https://github.com/element-plus/element-plus-nuxt-starter) - A starter example for Element Plus with Nuxt 3. [👓](https://element-plus-nuxt.vercel.app)

- [Vitesse Lite](https://github.com/antfu-collective/vitesse-lite) - ⛺️ Although Element Plus is not installed by default, it is still highly recommended. [👓](https://vitesse-lite.netlify.app/)

- [v3-admin-vite](https://github.com/un-pany/v3-admin-vite) - ☀️ A vue3 admin template. [👓](https://un-pany.github.io/v3-admin-vite)