shadcn/ui

shadcn/ui

开发框架/库 免费
shadcn/ui 是一套精美的开源 UI 组件库,采用 copy-paste 方式分发源码而非 npm 包,开发者可以直接定制和修改样式。它基于 Radix UI 和 Tailwind CSS 构建,支持 React、Next.js 等主流框架,提供无障碍访问的交互组件。
访问官网

搭配玩法

5
查看全部 5 条
shadcn/ui + Next.js Next.js+ React React + shadcn registry+ Tailwind CSS+ Radix UI+ Base UI

基于shadcn/ui的开源组件库与免费管理后台模板,一条命令安装组件

shadcn/ui提供组件规范,Radix/Base UI提供无样式原语,Next.js与Tailwind负责运行时与样式

✓ 527个免费组件49类✓ 注册表一条命令安装 ✕ 高级工具需付费Pro版✕ 无数据库鉴权等后端能力
shadcn/ui + Next.js 15+ React 19+ Radix UI+ Tailwind CSS 4+ NextAuth.js

用 Next.js 15 与 shadcn/ui 组合构建可扩展的开源管理后台模板

React 19 提供并发性能,Next.js 15 负责 SSR 与 App Router,Radix + shadcn/ui 提供可访问组件,Tailwind 实现快速样式,NextAuth 负责登录与会话。

✓ 组件可访问性高且可定制✓ 内置多语言与认证能力 ✕ 模板较新生态依赖版本要求高✕ 定制需熟悉 Tailwind 与 Rad
shadcn/ui + Next.js Next.js+ Vercel Vercel + Node.js 20.9++ pnpm 9.0++ TypeScript+ next-intl+ MDX+ Tailwind CSS

Next.js 多语言启动模板,快速构建面向全球的网站

Next.js 提供 App Router 与 SSR,next-intl 管多语言路由与翻译,MDX 承载博客内容,Tailwind 加 Shadcn/ui 出现代 UI。

✓ 内置中英日多语言支持✓ 完整 SEO 优化方案 ✕ 仅模板,非完整业务系统
shadcn/ui + Tauri Tauri+ Rust Rust+ React React+ TypeScript TypeScript + Codex CLI+ Claude Code+ Agent Client Protocol (ACP)+ Zustand

用 Tauri+React 构建桌面工作站,统一管理 Codex、Claude Code 与 ACP 代理会话

✓ 多代理统一工作台✓ 数据全部本地存储 ✕ 依赖各 CLI 已安装配置✕ 桌面端平台适配成本

产品简介

shadcn/ui 是一套精美的开源 UI 组件库,采用 copy-paste 方式分发源码而非 npm 包,开发者可以直接定制和修改样式。它基于 Radix UI 和 Tailwind CSS 构建,支持 React、Next.js 等主流框架,提供无障碍访问的交互组件。

用户评价

还没有评价
这款产品刚收录,成为第一个评价的人
写第一条评价