返回 Playground
Shadcn UI 组件库
项目中所有 Shadcn UI 组件的交互式预览
Button
Input
Select
Checkbox / Radio / Switch
Slider
Textarea
Badge
Avatar
Card
Accordion
Tabs
Table
Dialog
Alert Dialog
Sheet
Dropdown Menu
Popover
Hover Card
Tooltip
Alert
Progress
Skeleton
Spinner
Calendar
Toggle
Breadcrumb
Separator
Scroll Area
Collapsible
Aspect Ratio
Button
Default
Secondary
Destructive
Outline
Ghost
Link
Small
Default
Large
Disabled
Loading...
With Icon
Input
默认输入
邮箱
搜索
已禁用
Select
选择风格
选择一个选项
Checkbox / Radio / Switch
Checkbox
接受条款
订阅通知
已禁用
Radio Group
选项一
选项二
选项三
Switch
已开启
已禁用
Slider
音量
50%
Textarea
歌词
Badge
Default
Secondary
Destructive
Outline
Avatar
CN
AB
Card
创建项目
开始你的新音乐项目
项目名称
取消
创建
通知设置
管理你的通知偏好
邮件通知
推送通知
Accordion
什么是 Lacuna？
如何开始使用？
支持哪些音乐风格？
Tabs
账户
密码
设置
用户名
Table
最近的音乐生成记录
曲名
风格
时长
积分
夏日晚风
流行
3:24
2
午夜蓝调
爵士
4:12
3
电子脉冲
电子
2:58
2
Dialog
打开 Dialog
Alert Dialog
删除项目
Sheet
打开 Sheet
Dropdown Menu
选项菜单
Popover
打开 Popover
Hover Card
@lacuna
Tooltip
Alert
成功
你的音乐已成功生成并保存。
错误
积分不足，请充值后重试。
Progress
生成进度
45%
-10
+10
Skeleton
Spinner
Calendar
October 2026
Su
Mo
Tu
We
Th
Fr
Sa
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Toggle
Toggle Group
Breadcrumb
首页
Playground
UI 组件
Separator
Lacuna 音乐平台
AI 驱动的音乐创作工具
作曲
编曲
混音
Scroll Area
Track 01 — 示例音轨标题
Track 02 — 示例音轨标题
Track 03 — 示例音轨标题
Track 04 — 示例音轨标题
Track 05 — 示例音轨标题
Track 06 — 示例音轨标题
Track 07 — 示例音轨标题
Track 08 — 示例音轨标题
Track 09 — 示例音轨标题
Track 10 — 示例音轨标题
Track 11 — 示例音轨标题
Track 12 — 示例音轨标题
Track 13 — 示例音轨标题
Track 14 — 示例音轨标题
Track 15 — 示例音轨标题
Track 16 — 示例音轨标题
Track 17 — 示例音轨标题
Track 18 — 示例音轨标题
Track 19 — 示例音轨标题
Track 20 — 示例音轨标题
Collapsible
高级选项
Aspect Ratio
16:9 Aspect Ratio