next-element-vue

Component library based on element-plus secondary encapsulation
14,000 13
Install
npm install next-element-vue
Latest Version:0.8.6
Vue:3
License:MIT
Last Updated:Jul 8, 2026
Links: GitHub  ·  npm
Maintainer: htengweb

next-element-vue

🚀基于Element Plus封装的高级组件库,快速、灵活配置搭建你的应用

pnpm version npm version downloads license

🌐 Website 📘 Documentation 💬 Issues

✨ 特性

  • 📦 开箱即用:基于 Element Plus 二次封装,统一设计风格
  • ⚡ 高效开发:丰富的业务组件,减少重复工作
  • 🎨 灵活配置:支持按需加载、主题定制、多语言
  • 🛠️ 最佳实践:内置 Vue Router / i18n / VueUse 支持
  • 🤖 AI 标注支持:内置图片/文本/音视频标注工具,轻松集成到 AI 训练流程

📦 安装

node 版本建议 >= 20 pnpm 版本建议 >= 10.x


# pnpm
$ pnpm add next-element-vue
# Yarn
$ yarn add next-element-vue
# NPM
$ npm install next-element-vue --save

🚀 快速开始

完整引入

import { createApp } from 'vue';
import App from './App/vue';
// 先安装导入依赖 Element Plus,@vueuse/core,vue-router,vue-i18n
import ElementPlus from 'element-plus';
import 'element-plus/dist/index.css';
import NextElement from 'next-element-vue';
import 'next-element-vue/dist/index.css';

const app = createApp(App);
app.use(ElementPlus);
app.use(NextElement);
app.mount('#app');

🎬 AI视频识别

视频识别

🖼️ labelimg标注

labelimg标注

🖼️ labelme标注

labelme标注


📚 文档

👉 完整文档

🧩 生态支持

  • ✅ Element Plus: UI 基础组件
  • ✅ Vue Router: 内置路由支持
  • ✅ Vue I18n: 国际化解决方案
  • ✅ VueUse: 常用 hooks 工具库
  • ✅ AI 工具集成: 内置图片/文本/音视频标注能力

📄 License

MIT

Related Packages

pl-table

一个表格插件(完美解决万级数据渲染卡顿问题)

35,525 1,149
lu-pc

基于elementUI的组件扩展

961
san-ui

san-ui des

762
@pungfe/element

Element Plus Components

14,311 1

Version History

Version Released Vue License
0.8.6 ^3.5.42 MIT
0.8.5 ^3.5.34 MIT
0.8.3 ^3.5.34 MIT
0.8.1 ^3.5.25 MIT
0.8.0 ^3.5.25 MIT
Pre-releases (1)
Version Released Vue License
0.8.3-dev.9 ^3.5.34 MIT