开源 · MIT · Vue 3 + Vite + TypeScript

Pingrui UI企业级 Vue 3 组件库

一体化开源分布式脚手架的官方 UI 组件库。基于 Vite + TypeScript + SCSS 打造,开箱即用、按需引入、可独立发布到 npm。

  • 80+高质量组件
  • 600+内置图标
  • 100%TypeScript
  • MIT开源协议
Pingrui UI
Vue 3
Vite
TypeScript
SCSS
9
64

为生产环境而生

从设计令牌到构建发布,每一环都经过打磨。

Vite + TS + Vue 3

Vite 库模式构建,输出 ESM / CJS 双入口与完整 .d.ts 类型声明,开发与发布一体化。

🎨

SCSS 设计系统

primitive → semantic → component 三层 design token,CSS 变量驱动,一键换肤。

🌗

原生暗色模式

useTheme 一行切换亮 / 暗,跟随系统偏好,全部组件已适配深色。

📦

按需 / 全量引入

具名导出可摇树,也可 app.use 全量安装;图标支持按需与按名两种用法。

🧩

对标主流 API

Props / Events / Slots / Methods 命名对齐 Element Plus,并保留向后兼容别名,迁移零负担。

🚀

一体化脚手架

配套 NestJS 微服务后端、后台管理前端与一键生成项目的 create-pingrui-app CLI。

在真实组件中预览

下面全部为可交互的真实组件,并非截图。

Button 按钮
Tag · Badge 标签与徽标
设计
开发
测试
上线
5
Form 表单控件
Feedback 反馈
72%
72

准备好开始了吗?

几分钟即可在你的 Vue 3 项目中用上 Pingrui UI。