登录 注册

shadcn-vue-admin

去点 Star
数据分析与数据处理
496
Stars
0
Forks
0
Watchers
0
Open Issues
未知
许可证
Vue
语言
创建时间
最近更新

项目能做什么

基于 Shadcn-vue、Vue3 和 Vite 打造的管理面板 UI，兼顾响应式设计与无障碍访问。
来源：AI 基于仓库事实生成 · 内容以仓库实际 README 为准

使用说明 查看原始 README 原仓库文档

中文使用说明暂未生成。下面保留原仓库 README 摘录，命令与配置均以原文为准。
原始 README 摘录（英文原文，节选前 3000 字符） 
# Shadcn Vue Admin

[![code style](https://antfu.me/badge-code-style.svg)](https://github.com/antfu/eslint-config)
[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/Whbbit1999/shadcn-vue-admin/blob/main/LICENSE)
[![Vue 3.5+](https://img.shields.io/badge/Vue-3.5+-brightgreen.svg?logo=vue.js)](https://vuejs.org/)
[![Vite](https://img.shields.io/badge/Vite-8+-4f30e8.svg?logo=vite)](https://vitejs.dev/)
[![pnpm 11](https://img.shields.io/badge/pnpm-11-orange.svg?logo=pnpm)](https://pnpm.io/)
[![TypeScript 6.0+](https://img.shields.io/badge/TypeScript-6.0+-blue.svg?logo=typescript)](https://www.typescriptlang.org/)

[简体中文](./README-CN.md) | English

A frontend UI template built with **shadcn-vue**, **Vue 3** and **Vite**, bringing together common layouts, components and example pages that you can customize and extend.
Adapted from [shadcn-admin](https://github.com/satnaing/shadcn-admin) for Vue.

[Live Demo](https://shadcn-vue-admin.netlify.app/)

![cover](.github/assets/shadcn-vue-admin.png)

> This repository provides frontend examples. Login is mocked, and pages such as Tasks use local sample data. Connect your own authentication and business APIs before using it in production.

## ✨ Key Features

- ✅ Light, dark and system appearance, with persistent theme settings
- ✅ Global search command palette
- ✅ Sidebar navigation built with shadcn-vue components
- ✅ Example pages for dashboards, tasks, users, settings, authentication and errors
- ✅ Custom component library with shadcn-vue extensions
- ✅ Auto-generated routing system (based on file structure)
- ✅ English and Simplified Chinese locale resources with vue-i18n (some page copy remains hardcoded)
- ✅ Form validation with tanstack/vue-form + Zod
- ✅ Reusable data tables with TanStack Table, query/mutation examples with TanStack Query, and charts with Unovis
- ✅ Animation support (AutoAnimate, Motion-V, TW Animate CSS)

## 🛠️ Tech Stack & Version Constraints

| Category             | Tools & Libraries (Major Versions)                                                                                                                         |
| -------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Core Framework       | [Vue 3.5+](https://vuejs.org/), [TypeScript 6+](https://www.typescriptlang.org/)                                                                           |
| UI Components        | [shadcn-vue](https://www.shadcn-vue.com), [reka-ui 2+](https://www.reka-ui.com/), [@lucide/vue](https://lucide.dev/)                                       |
| Build Tool           | [Vite 8+](https://vitejs.dev/), [@vitejs/plugin-vue 6+](https://github.com/vitejs/vite-plugin-vue)                                                         |
| State Management     | [Pinia 4+](https://pinia.vuejs.org/), [pinia-plugin-persistedstate 4+](https://prazde
阅读完整原文

商业机会分析 AI 生成

全栈商业级 SaaS / 企业 Admin Boilerplate (Pro 版买断)

产品构想在当前纯前端 Mock 模板基础上，扩展一套包含完整鉴权、RBAC 细粒度权限、支付集成与真实后端（如 Supabase/NestJS/Go）的商业 Pro 版本。
核心功能真实 RBAC 权限管理系统、Supabase/Node.js 后端适配层、Stripe/LemonSqueezy 支付流、组织与多租户管理、审计日志页面
目标用户独立独立开发者、SaaS 创业者、初创企业快速上线技术团队
难度/周期中等 · 1 - 2 个月 · 成本：主要为开发工时，服务器与演示站域名托管（每月约 10-30 美元）
收费模式一次性买断授权（Lifetime License，如 $69 - $199/份）包含代码仓库访问与一年更新
竞争风险Vue 生态的 SaaS 模版付费意愿历史上略低于 React 生态（推测），需承担长期的版本维护与技术支持成本
依据 AI推测

高级企业级业务扩展组件与页面套件 (Add-ons)

产品构想针对中后台的高频复杂业务场景，开发开箱即用的高阶商业组件包，以私有 npm 包或源码形式售卖。
核心功能可视化表单/低代码搭建器、审批流/甘特图组件、复杂电子表格高级导入导出（含校验）、大屏监控图表与报告导出
目标用户承接外包项目的技术团队、中大型企业内部 IT 研发人员
难度/周期较高 · 2 - 3 个月 · 成本：开发工时成本，测试不同浏览器与响应式兼容性的时间成本
收费模式模块化按需购买或单开发者年订阅制（$99 - $299/年）
竞争风险开发周期长，复杂组件的边缘场景与 Bug 维护成本极高
依据 尚需验证的假设

企业设计系统落地与老系统迁移定制服务

产品构想基于该项目建立的技术影响力，承接从 Element Plus/Ant Design Vue 迁移至 Tailwind+Shadcn-vue 的中后台改造或定制化外包交付。
核心功能品牌专属 UI Token/主题定制、遗留业务页面平滑迁移方案、定制化 API 联调与代码审查
目标用户面临技术栈现代化改造的传统软件企业、需要定制化管理后台的品牌方
难度/周期中等 · 按项目交付（通常 2 - 6 周） · 成本：沟通与交付人工成本
收费模式按项目交付费用或人天咨询费（如 3000-8000 元/人天）
竞争风险属于人力外包交付，非标品难以规模化扩张，受限于个人交付产能
依据 已验证事实
AI 基于仓库公开数据分析生成，含推测成分，不构成收益承诺。
报告会保存到 个人中心

竞品与相似项目 GitHub Search 真实检索

项目中文简介Stars语言
airbnb/javascript 中文介绍暂未生成
JavaScript Style Guide
 148,012 JavaScript
goldbergyoni/nodebestpractices 中文介绍暂未生成
✅ The Node.js best practices list (July 2026)
 105,723 Dockerfile
standard/standard 中文介绍暂未生成
🌟 JavaScript Style Guide, with linter & automatic code fixer
 29,430 JavaScript
eslint/eslint 中文介绍暂未生成
Find and fix problems in your JavaScript code.
 27,614 JavaScript
electron-react-boilerplate/electron-react-boilerplate 中文介绍暂未生成
A Foundation for Scalable Cross-Platform Apps
 24,252 TypeScript
verekia/js-stack-from-scratch 中文介绍暂未生成
🛠️⚡ Step-by-step tutorial to build a modern JavaScript stack
 20,114 JavaScript
以上为通过 GitHub 官方 Search API 检索的相似项目，功能差异与优劣势需进一步人工确认，配置 AI 后可生成对比分析。

项目优势与风险

技术成熟度创建于 ，最近推送 ，发布过 45 个 Release
社区活跃Star 496 / Fork 0 / Issue 0（数据支持，可自行核实）
许可证未检测到（需人工确认）
主要风险上游项目方向可能变化；同赛道竞争者较多（见竞品表）；热度与需求不完全等价

安装与使用

快速开始（以仓库 README 为准）
git clone https://github.com/Whbbit1999/shadcn-vue-admin.git
cd shadcn-vue-admin
# 请阅读仓库 README 获取确切安装步骤（依赖、配置、启动命令）
阅读原仓库文档
术语说明：Docker＝应用容器（把程序和依赖打包运行）；API Key＝调用外部服务的密钥；Git Clone＝把仓库代码下载到本地。常见错误：API Key 未配置 / 端口占用 / 数据库连接失败，多数项目在 README 的 Troubleshooting 章节有说明。