Components
- Accordion
- Alert
- Alert Dialog
- Aspect Ratio
- Avatar
- Badge
- Breadcrumb
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Collapsible
- Combobox
- Command
- Context Menu
- Data Table
- Date Picker
- Dialog
- Direction
- Drawer
- Dropdown Menu
- Empty
- Field
- Hover Card
- Input
- Input Group
- Input OTP
- Item
- Kbd
- Label
- Menubar
- Native Select
- Navigation Menu
- Pagination
- Popover
- Progress
- Radio Group
- Resizable
- Scroll Area
- Select
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Sonner
- Spinner
- Switch
- Table
- Tabs
- Textarea
- Toast
- Toggle
- Toggle Group
- Tooltip
- Typography
Get Started
2024 年 3 月 - Blocks 登场
用于仪表盘和认证页面的现成组件。
自发布以来最受期待的功能之一就是布局:带侧边栏的管理仪表盘、营销页区块、卡片等等。
今天,我们发布 Blocks。

View the blocks library
Blocks 是可直接使用的组件,可以用来构建你的应用。它们完全响应式、可访问、可组合,也就是说它们遵循与 shadcn/ui 其他组件相同的设计原则。
我们先从仪表盘布局和认证页面开始,未来几周还会继续添加更多 blocks。
开源
Blocks 是开源的。你可以在 GitHub 上找到源码,在项目中使用、定制并回馈社区。

View the blocks library
请求一个 Block
我们还引入了“请求一个 Block”功能。如果你想看到某个特定 block,只需在 GitHub 上创建请求,社区就可以投票并协助实现。

View the blocks library
v0
如果你有 v0 账户,可以使用 Edit in v0 功能在 v0 中打开代码,进行提示和进一步生成。
就是这样。期待看到你用 Blocks 构建的作品。