Repolode
提交项目
satnaing

satnaing/shadcn-admin

基于 Shadcn UI 和 Vite 构建的管理后台界面模板，支持深浅色模式与 RTL 布局。

在 GitHub 查看官网
Star
16,580
Fork
2,495
未关闭 Issue
24
最近提交
2个月前

这是什么？

Shadcn Admin 是一套可复用的管理后台界面，基于 Shadcn UI（TailwindCSS + RadixUI）和 Vite 构建。项目内置十余个页面和侧边栏组件，省去为每个新项目重复搭建常见仪表盘布局的工作。

项目支持深浅色模式、响应式布局和全局搜索命令，并在标准 Shadcn 组件之外补充了一些自定义组件。部分组件针对 RTL（从右到左）语言做了修改，使用 Shadcn CLI 更新时需要手动合并这些改动。

技术栈包括 TanStack Router 路由、TypeScript 类型检查，以及 ESLint 与 Prettier 的代码检查和格式化。认证部分集成了 Clerk，且仅为部分功能。项目使用 pnpm 在本地运行，它是一套 UI 界面而非启动模板。

核心功能

  • 01支持深色与浅色模式
  • 02响应式布局，注重无障碍访问
  • 03内置侧边栏组件和全局搜索命令
  • 04提供十余个预置页面
  • 05多个自定义组件支持 RTL 从右到左布局

适用场景

  • 为内部管理系统或后台工具搭建前端界面
  • 基于 Shadcn 组件快速原型化 SaaS 仪表盘
  • 为使用从右到左语言的用户构建管理界面

快速上手

  1. 1

    克隆项目

    git clone https://github.com/satnaing/shadcn-admin.git
  2. 2

    进入项目目录

    cd shadcn-admin
  3. 3

    安装依赖

    pnpm install
  4. 4

    启动开发服务器

    pnpm run dev

使用前须知

  • 身份验证仅为部分实现，并使用 Clerk 服务，部分功能可能需要 Clerk 账户。
  • 它是一个 UI 模板而非起始项目，不能直接作为现成的应用基础。

收录于专题

仪表盘与商业智能工具

标签

#admin-dashboard#shadcn-ui#react#vite#tailwindcss#typescript#rtl#admin-panel#dashboard#shadcn-admin

常见问题

shadcn-admin 是什么？
基于 Shadcn UI 和 Vite 构建的管理后台界面模板，支持深浅色模式与 RTL 布局。 Shadcn Admin 是一套可复用的管理后台界面，基于 Shadcn UI（TailwindCSS + RadixUI）和 Vite 构建。项目内置十余个页面和侧边栏组件，省去为每个新项目重复搭建常见仪表盘布局的工作。
shadcn-admin 可以免费使用吗？用的什么许可证？
shadcn-admin 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
shadcn-admin 还在维护吗？
半年内有更新。shadcn-admin 最近一次提交是在 2026年9月10日。
shadcn-admin 适合用来做什么？
为内部管理系统或后台工具搭建前端界面 基于 Shadcn 组件快速原型化 SaaS 仪表盘 为使用从右到左语言的用户构建管理界面
shadcn-admin 怎么安装和运行？
克隆项目: git clone https://github.com/satnaing/shadcn-admin.git 进入项目目录: cd shadcn-admin 安装依赖: pnpm install 启动开发服务器: pnpm run dev
在哪里获取 shadcn-admin？
源代码和安装说明在 GitHub 上：https://github.com/satnaing/shadcn-admin

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目