应用介绍
每接一个后台项目,侧边栏、数据表格、筛选分页、设置页、登录页都得从头再拼一遍,shadcn/ui 给了组件,却没给一整套能直接照抄的页面。Shadcn Admin 就是这套现成的页面:仪表盘、任务、用户、聊天、设置、登录注册、错误页 十几个页面已经搭好,打开源码就能看到一个真实后台该怎么用 shadcn 组织起来。
它基于 Vite、TanStack Router 和 TypeScript,亮暗主题、响应式、无障碍和从右到左(RTL)布局都已处理好,右上角还有全局命令搜索。在线演示可以直接点开体验,觉得合适再克隆下来改成自己的。
仪表盘:收入、订阅、销售、在线人数四张数据卡加月度柱状图和最近订单列表,做统计首页可以直接改数据源。
数据表格:任务和用户页面带搜索、按状态和优先级/角色筛选、排序、列显隐和分页,还有批量选择与导入、新建、邀请等操作入口。
可折叠侧边栏:内置分组导航和团队切换,收起后只留图标,移动端自动变成抽屉。
全局命令搜索:按 ⌘K 呼出命令面板,页面跳转和主题切换都能在键盘上完成。
认证与错误页:登录、注册、忘记密码、验证码以及 401、403、404、500 和维护页全都有,接入了 Clerk 做部分认证示例。
亮暗主题与 RTL:一键切换亮暗模式,并对对话框、下拉菜单、表格、侧边栏等组件做了 RTL 适配,阿拉伯语、希伯来语界面也不会错位。
它基于 Vite、TanStack Router 和 TypeScript,亮暗主题、响应式、无障碍和从右到左(RTL)布局都已处理好,右上角还有全局命令搜索。在线演示可以直接点开体验,觉得合适再克隆下来改成自己的。
软件功能
仪表盘:收入、订阅、销售、在线人数四张数据卡加月度柱状图和最近订单列表,做统计首页可以直接改数据源。
数据表格:任务和用户页面带搜索、按状态和优先级/角色筛选、排序、列显隐和分页,还有批量选择与导入、新建、邀请等操作入口。
可折叠侧边栏:内置分组导航和团队切换,收起后只留图标,移动端自动变成抽屉。
全局命令搜索:按 ⌘K 呼出命令面板,页面跳转和主题切换都能在键盘上完成。
认证与错误页:登录、注册、忘记密码、验证码以及 401、403、404、500 和维护页全都有,接入了 Clerk 做部分认证示例。
亮暗主题与 RTL:一键切换亮暗模式,并对对话框、下拉菜单、表格、侧边栏等组件做了 RTL 适配,阿拉伯语、希伯来语界面也不会错位。



