DevTrendsDeveloper trends
Accent color

wangtester /

shadcn-hub

shadcn-hub 是基于 Next.js 16 + Tailwind CSS v4 + @base-ui/react 构建的组件选型与对比基座。一站式收录并 100% 实机渲染了 shadcn/ui 官方全量 61 款核心组件，以及 9 大顶尖社区扩展库与商业级 Blocks（包括 BoardUI 19 款图表、ShadcnStore 39 类营销区块、Refero 9 大现代设计流派等）。全站支持全局 Cmd+K 搜索直达与暗黑模…

LanguageTypeScriptDTBusiness & growthDTSoftware developmentDTAgent extensionDTAgent orchestrationDTContent / resourceOriginalawesome-listOriginalbase-uiOriginalbeautifuluiOriginalbeuiOriginalboarduiOriginaldashboardOriginaldesign-system
GitHub ↗Website ↗Source ↗

About

shadcn-hub 是基于 Next.js 16 + Tailwind CSS v4 + @base-ui/react 构建的组件选型与对比基座。一站式收录并 100% 实机渲染了 shadcn/ui 官方全量 61 款核心组件，以及 9 大顶尖社区扩展库与商业级 Blocks（包括 BoardUI 19 款图表、ShadcnStore 39 类营销区块、Refero 9 大现代设计流派等）。全站支持全局 Cmd+K 搜索直达与暗黑模式切换，专为前端开发者和独立开发者提供高效参考。 亮点 零虚标严谨对齐：页面标注的统计数量与实际渲染的代码卡片、组件、Block 实体保持 1:1 绝对一致。 官方 61 款组件全量实机运行：覆盖 Forms、Layout、Overlay、Data、Navigation、Feedback 及 Extended 7 大领域。 丰富衍生生态：收录 19 种高阶仪表盘图表、AI Agentic 思维链套件、39 类业务区块以及 9 种主流设计流派（Linear、Geist、Apple、Stripe 等）。 现代化技术栈：Next.js 16 (App Router + Turbopack)、Tailwind CSS v4 原生引擎与 Base UI (base-nova) 规范。 全局 Cmd + K 搜索：快速模糊定位组件或流派，支持一键在 10 大生态间平滑切换。

Discovery history

  1. HelloGitHub·用户投稿

    Oct 3, 2026 · 1 observations

  2. 阮一峰周刊·用户投稿

    Oct 3, 2026 · 1 observations

Discuss this product