DEVELOPER TOOLS/开发者工具·TESTING
salimi-my/shadcn-ui-sidebar
一个可伸缩的侧边栏，让 Next.js 后台界面瞬间变得专业又流畅A retractable sidebar that makes your Next.js admin panel look polished and feel smooth in one command
给Next.js后台加一个能缩能伸的侧边栏，基于shadcn/ui。A responsive retractable sidebar component for Next.js apps built on shadcn/ui, with desktop and mobile support.
怎么装：Install: npx shadcn@latest add https://raw.githubusercontent.com/salimi-my/shadcn-ui-sidebar/refs/heads/master/public/registry/shadcn-sidebar.json
02 / 现在的位置02 / Why now
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+0.0%+0.0%
1.8k → 1.8k stars · 3 个快照1.8k → 1.8k stars · 3 snapshots
状态STATUS
长期未更新Not updated
项目有1802颗星，社区认可度高，说明组件质量可靠。Built on top of shadcn/ui (version 2.0.0+) for easy integration
03 / 它能帮你做什么03 / What it helps you do
安装侧边栏到Next项目
桌面侧边栏可伸缩为迷你或宽版
移动版侧边栏自动变为sheet菜单
菜单可分组并折叠子菜单
Add a retractable sidebar to your Next.js app
Navigate with collapsible submenus and grouped items
Switch between mini and wide sidebar modes
Use a sheet menu on mobile devices
Scroll through long menu lists smoothly
04 / 安装04 / Install
$ README 里给出的安装方式。The installation method given in the README.
$ README 里给出的安装方式。The installation method given in the README.
两种装法选一个即可 —— 上面那条给命令行用户，下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.
使用 npx shadcn@latest add 加上 registry 链接即可安装。You can install it via a single npx shadcn@latest add command, or clone the repo and run npm install.
05 / 限制与风险05 / Limits and risk
风险不是警告，是可信度的一部分。以下结论只基于文档静态扫描，我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.这不等于安全that does not mean it is safe，只能说明文档里没写。 — only that the docs do not mention it.
静态扫描未发现明显风险，但不代表安全The static scan found no known risk patterns, but this does not guarantee the code is safe.
这里只做静态扫描：读 README、SKILL.md 和依赖清单，不执行代码。没有命中不代表安全。This is static scanning only: we read the README, SKILL.md and dependency list, and never execute code. No findings does not mean safe.
依赖：Dependencies:@radix-ui/react-avatar, @radix-ui/react-collapsible, @radix-ui/react-dialog, @radix-ui/react-dropdown-menu, @radix-ui/react-icons, @radix-ui/react-label, @radix-ui/react-scroll-area, @radix-ui/react-slot, @radix-ui/react-switch, @radix-ui/react-tooltip, class-variance-authority, clsx
{
"agents": [],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 0,
"ai-tools": 0,
"dev-tools": 1,
"indie-web": 0,
"skill-agent": 0,
"productivity": 0
},
"primary": "dev-tools",
"secondary": "testing"
},
"localRuntime": null,
"skillMdTotal": 0,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 0,
"design": 22,
"browser": 0,
"devtool": 1,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [],
"scannedSources": [
"readme"
],
"skillMdFetched": 0
}