首页
组件预览
React 19
shadcn/ui
Tailwind v4
亮 / 暗双主题
全组件预览
本站界面全部由 shadcn/ui 组件库搭建，每个格子只演示一个组件。共 52 个预览单元。
shadcn/ui 文档
快速定位
01
Button
02
Button
03
ButtonGroup
04
Badge
05
Input
06
Textarea
07
Label
08
Field
09
InputGroup
10
Select
11
Checkbox
12
RadioGroup
13
Switch
14
Slider
15
Progress
16
Spinner
17
Toggle
18
ToggleGroup
19
Tabs
20
Tabs
21
Table
22
Card
23
Alert
24
Avatar
25
AvatarGroup
26
Skeleton
27
Separator
28
Breadcrumb
29
Pagination
30
Item
31
Empty
32
Accordion
33
Collapsible
34
Dialog
35
AlertDialog
36
Sheet
37
Drawer
38
DropdownMenu
39
ContextMenu
40
Menubar
41
NavigationMenu
42
Popover
43
HoverCard
44
Tooltip
45
Command
46
Calendar
47
InputOTP
48
ScrollArea
49
AspectRatio
50
Toast
51
Sidebar
52
Icon
组件源码位于
src/components/ui
，页面只负责组合。当前主题会随系统或右上角切换实时变化。