shadcn/ui 中文站

文档组件 Blocks Charts 主题样例 Colors

快速开始

介绍安装 components.json 主题暗黑模式 CLI MonorepoNew Next.js 15 + React 19 印刷格式 Typography)在 v0 中打开 BlocksNew Figma 更新纪录

安装

Next.js Vite Remix Astro Laravel Gatsby Manual

组件

侧边栏 SidebarNew 手风琴 Accordion 警告 Alert 警告弹窗 Alert Dialog 纵横比 Aspect Ratio 头像 Avatar 徽章 Badge 面包屑 Breadcrumb 按钮 Button 日历 Calendar 卡片 Card 轮播 Carousel 图表 Chart 复选框 Checkbox 折叠 Collapsible 组合框 Combobox 命令 Command 上下文菜单 Context Menu 数据表格 Data Table 日期选择器 Date Picker 对话框 Dialog 抽屉 Drawer 下拉菜单 Dropdown Menu 表单 Form 悬浮卡片 Hover Card 输入框 Input OTP 输入框 Input OTP 标签 Label 菜单栏 Menubar 导航菜单 Navigation Menu 分页器 Pagination 弹出窗 Popover 进度条 Progress 选项组 Radio Group 可调整大小 Resizable 滚动区 Scroll Area 选择器 Select 分离器 Separator 侧边栏 Sheet Sidebar 占位符 Skeleton 滑块 Slider 提醒 Sonner 开关 Switch 表格 Table 选项卡 Tabs 文本框 Textarea 提示 Toast 切换 Toggle 切换组 Toggle Group 工具提示 Tooltip

Docs

Dark Mode

Dark Mode

Adding dark mode to your site.

Next.js

Vite

Astro

Remix

Built by shadcn. 源代码可在 GitHub 上获得.