UIPicks UI 参考库
← 全部 AI 参考来源

UI 组件库

Shadcn Studio

基于 shadcn/ui 的组件、页面区块和模板，可复制代码或通过 CLI 使用。

进入原站读取本页 JSON

已核对公开组件与区块数据 · 2026-10-14。检查全部 135 个已发布组件/区块栏目；从发布的 registry 对象提取命名区块及正式预览路径，付费源码不采集。

资源与访问条件

“有免费资源”仅描述对应资源范围，不代表每条案例、模板或素材免费。代码、提示词与素材的实际获取权限及许可需到原站核对。

目录入口

共 1,017 条记录，本页显示 721–800 条。每页最多 80 条；直接点击名称进入已保存的真实网址。

条目类型、来源日期与链接性质分别标注。只有明确核验过的画面才显示布局或风格标签；没有标签表示当前没有相应确认信息。

  1. Dashboard Dropdown 16

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、仪表盘、后台

    发布者公开目录数据2026-10-14

  2. Dashboard Dropdown 17

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、徽章、状态标签、仪表盘、后台

    发布者公开目录数据2026-10-14

  3. Dashboard Dropdown 18

    页面区块预览 · 具体条目入口 · React

    相关词：输入框、选择器、下拉选择、下拉菜单、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  4. Dashboard Dropdown 19

    页面区块预览 · 具体条目入口 · React

    相关词：选择器、下拉选择、下拉菜单、头像、功能区、仪表盘、后台

    发布者公开目录数据2026-10-14

  5. Dashboard Dropdown 20

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、徽章、状态标签、标签、命令、搜索、命令面板、仪表盘、后台

    发布者公开目录数据2026-10-14

  6. Dashboard Dropdown 21

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、头像、命令、搜索、命令面板、仪表盘、后台

    发布者公开目录数据2026-10-14

  7. Dashboard Dropdown 22

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、列表、拖拽、拖动、排序、仪表盘、后台

    发布者公开目录数据2026-10-14

  8. Dashboard Dropdown 23

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、拖拽、拖动、排序、仪表盘、后台

    发布者公开目录数据2026-10-14

  9. Multi Step 1

    页面区块预览 · 具体条目入口 · React

    相关词：卡片、表单、用户

    发布者公开目录数据2026-10-14

  10. Multi Step 2

    页面区块预览 · 具体条目入口 · React

    发布者公开目录数据2026-10-14

  11. Multi Step 3

    页面区块预览 · 具体条目入口 · React

    相关词：卡片

    发布者公开目录数据2026-10-14

  12. Multi Step 4

    页面区块预览 · 具体条目入口 · React

    相关词：选择器、下拉选择、切换、开关、导航、图标

    发布者公开目录数据2026-10-14

  13. Multi Step 5

    页面区块预览 · 具体条目入口 · React

    相关词：定价、价格、上传、画廊、图片展示

    发布者公开目录数据2026-10-14

  14. Multi Step 6

    页面区块预览 · 具体条目入口 · React

    相关词：单选框、导航、进度条

    发布者公开目录数据2026-10-14

  15. Dashboard Sidebar 1

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、仪表盘、后台

    发布者公开目录数据2026-10-14

  16. Dashboard Sidebar 2

    页面区块预览 · 具体条目入口 · React

    相关词：导航、侧边栏、头像、页脚、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  17. Dashboard Sidebar 3

    页面区块预览 · 具体条目入口 · React

    相关词：按钮、侧边栏、搜索、仪表盘、后台

    发布者公开目录数据2026-10-14

  18. Dashboard Sidebar 4

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、滚动、仪表盘、后台、图标

    发布者公开目录数据2026-10-14

  19. Dashboard Sidebar 5

    页面区块预览 · 具体条目入口 · React

    相关词：表格、数据表格、侧边栏、仪表盘、后台

    发布者公开目录数据2026-10-14

  20. Dashboard Sidebar 6

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、侧边栏、列表、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  21. Dashboard Sidebar 7

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、进度条、仪表盘、后台

    发布者公开目录数据2026-10-14

  22. Dashboard Sidebar 8

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、日历、进度条、仪表盘、后台

    发布者公开目录数据2026-10-14

  23. Dashboard Sidebar 9

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  24. Dashboard Sidebar 10

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、仪表盘、后台、文件

    发布者公开目录数据2026-10-14

  25. Dashboard Sidebar 11

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、进度条、仪表盘、后台、图标

    发布者公开目录数据2026-10-14

  26. Dashboard Sidebar 12

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、导航、侧边栏、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  27. Dashboard Header 1

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、导航、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  28. Dashboard Header 2

    页面区块预览 · 具体条目入口 · React

    相关词：搜索、模糊、仪表盘、后台

    发布者公开目录数据2026-10-14

  29. Dashboard Header 3

    页面区块预览 · 具体条目入口 · React

    相关词：搜索、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  30. Dashboard Header 4

    页面区块预览 · 具体条目入口 · React

    相关词：功能区、仪表盘、后台

    发布者公开目录数据2026-10-14

  31. Dashboard Header 5

    页面区块预览 · 具体条目入口 · React

    相关词：仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  32. Dashboard Header 6

    页面区块预览 · 具体条目入口 · React

    相关词：菜单、通知、消息提示、搜索、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  33. Dashboard Header 7

    页面区块预览 · 具体条目入口 · React

    相关词：菜单、导航、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  34. Dashboard Header 8

    页面区块预览 · 具体条目入口 · React

    相关词：菜单、导航、仪表盘、后台、用户

    发布者公开目录数据2026-10-14

  35. Dashboard Header 9

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、搜索、仪表盘、后台

    发布者公开目录数据2026-10-14

  36. Dashboard Header 10

    页面区块预览 · 具体条目入口 · React

    相关词：菜单、下拉菜单、导航、侧边栏、仪表盘、后台

    发布者公开目录数据2026-10-14

  37. Dashboard Header 11

    页面区块预览 · 具体条目入口 · React

    相关词：菜单、下拉菜单、导航、功能区、仪表盘、后台

    发布者公开目录数据2026-10-14

  38. Dashboard Header 12

    页面区块预览 · 具体条目入口 · React

    相关词：表格、数据表格、图表、仪表盘、后台

    发布者公开目录数据2026-10-14

  39. Dashboard Header 13

    页面区块预览 · 具体条目入口 · React

    相关词：功能区、仪表盘、后台

    发布者公开目录数据2026-10-14

  40. Dashboard Header 14

    页面区块预览 · 具体条目入口 · React

    相关词：仪表盘、后台

    发布者公开目录数据2026-10-14

  41. Dashboard Header 15

    页面区块预览 · 具体条目入口 · React

    相关词：导航、面包屑、仪表盘、后台、文件

    发布者公开目录数据2026-10-14

  42. Dashboard Header 16

    页面区块预览 · 具体条目入口 · React

    相关词：菜单、导航、搜索、仪表盘、后台

    发布者公开目录数据2026-10-14

  43. Dashboard Header 17

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、导航、仪表盘、后台

    发布者公开目录数据2026-10-14

  44. Dashboard Header 18

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、背景、仪表盘、后台

    发布者公开目录数据2026-10-14

  45. Dashboard Footer 1

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、页脚、仪表盘、后台

    发布者公开目录数据2026-10-14

  46. Dashboard Footer 2

    页面区块预览 · 具体条目入口 · React

    相关词：导航、侧边栏、页脚、仪表盘、后台

    发布者公开目录数据2026-10-14

  47. Dashboard Footer 3

    页面区块预览 · 具体条目入口 · React

    相关词：侧边栏、页脚、仪表盘、后台、设置

    发布者公开目录数据2026-10-14

  48. Dashboard Footer 4

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、导航、侧边栏、页脚、仪表盘、后台

    发布者公开目录数据2026-10-14

  49. Dashboard Footer 5

    页面区块预览 · 具体条目入口 · React

    相关词：页脚、背景、仪表盘、后台

    发布者公开目录数据2026-10-14

  50. Dashboard Footer 6

    页面区块预览 · 具体条目入口 · React

    相关词：导航、页脚、仪表盘、后台

    发布者公开目录数据2026-10-14

  51. Dashboard Footer 7

    页面区块预览 · 具体条目入口 · React

    相关词：导航、页脚、仪表盘、后台

    发布者公开目录数据2026-10-14

  52. Dashboard Footer 8

    页面区块预览 · 具体条目入口 · React

    相关词：导航、页脚、仪表盘、后台

    发布者公开目录数据2026-10-14

  53. Dashboard Footer 9

    页面区块预览 · 具体条目入口 · React

    相关词：导航、面包屑、页脚、仪表盘、后台

    发布者公开目录数据2026-10-14

  54. Dashboard Footer 10

    页面区块预览 · 具体条目入口 · React

    相关词：导航、页脚、仪表盘、后台

    发布者公开目录数据2026-10-14

  55. Card Nav 01

    页面区块预览 · 具体条目入口 · React

    相关词：提示、气泡、工具提示、图表、卡片、进度条、仪表盘、后台

    发布者公开目录数据2026-10-14

  56. Card Nav 02

    页面区块预览 · 具体条目入口 · React

    相关词：切换、开关、标签页、选项卡、卡片、表单、动画、动效、三维、3D

    发布者公开目录数据2026-10-14

  57. Card Nav 03

    页面区块预览 · 具体条目入口 · React

    相关词：按钮、标签页、选项卡、卡片、图片

    发布者公开目录数据2026-10-14

  58. Card Nav 04

    页面区块预览 · 具体条目入口 · React

    相关词：手风琴、折叠面板、轮播、轮播图、下拉菜单、头像、卡片、日历、搜索

    发布者公开目录数据2026-10-14

  59. Card Nav 05

    页面区块预览 · 具体条目入口 · React

    相关词：输入框、导航、侧边栏、卡片、表单、图标

    发布者公开目录数据2026-10-14

  60. Card Nav 06

    页面区块预览 · 具体条目入口 · React

    相关词：图表、标签页、选项卡、卡片、网格、渐变、背景、滚动

    发布者公开目录数据2026-10-14

  61. Form Layout 1

    页面区块预览 · 具体条目入口 · React

    相关词：网格、表单

    发布者公开目录数据2026-10-14

  62. Form Layout 2

    页面区块预览 · 具体条目入口 · React

    相关词：输入框、通知、消息提示、表单、文字、文本、设置、图标

    发布者公开目录数据2026-10-14

  63. Form Layout 3

    页面区块预览 · 具体条目入口 · React

    相关词：气泡、弹出框、选择器、下拉选择、单选框、徽章、状态标签、卡片、表单、定价、价格、命令

    发布者公开目录数据2026-10-14

  64. Form Layout 4

    页面区块预览 · 具体条目入口 · React

    相关词：单选框、侧边栏、徽章、状态标签、卡片、网格、表单、定价、价格

    发布者公开目录数据2026-10-14

  65. Form Layout 5

    页面区块预览 · 具体条目入口 · React

    相关词：气泡、弹出框、输入框、选择器、下拉选择、标签页、选项卡、日历、表单、图标

    发布者公开目录数据2026-10-14

  66. Form Layout 6

    页面区块预览 · 具体条目入口 · React

    相关词：手风琴、折叠面板、单选框、卡片、表单

    发布者公开目录数据2026-10-14

  67. Form Layout 7

    页面区块预览 · 具体条目入口 · React

    相关词：单选框、卡片、表单、图标

    发布者公开目录数据2026-10-14

  68. Form Layout 8

    页面区块预览 · 具体条目入口 · React

    相关词：导航、侧边栏、头像、卡片、表单、图标

    发布者公开目录数据2026-10-14

  69. Form Layout 9

    页面区块预览 · 具体条目入口 · React

    相关词：输入框、头像、表单

    发布者公开目录数据2026-10-14

  70. Form Layout 10

    页面区块预览 · 具体条目入口 · React

    相关词：复选框、多选框、表单、设置

    发布者公开目录数据2026-10-14

  71. Form Layout 11

    页面区块预览 · 具体条目入口 · React

    相关词：弹窗、对话框、模态框、表单

    发布者公开目录数据2026-10-14

  72. Form Layout 12

    页面区块预览 · 具体条目入口 · React

    相关词：开关、标签页、选项卡、表单、登录、注册、认证、用户、设置

    发布者公开目录数据2026-10-14

  73. Form Layout 13

    页面区块预览 · 具体条目入口 · React

    相关词：输入框、标签页、选项卡、表单、热力图、设置

    发布者公开目录数据2026-10-14

  74. Form Layout 14

    页面区块预览 · 具体条目入口 · React

    相关词：表单、设置

    发布者公开目录数据2026-10-14

  75. Account Settings 01

    页面区块预览 · 具体条目入口 · React

    相关词：上传、图片、设置、文件

    发布者公开目录数据2026-10-14

  76. Account Settings 02

    页面区块预览 · 具体条目入口 · React

    相关词：表格、数据表格、复选框、多选框、通知、消息提示、设置

    发布者公开目录数据2026-10-14

  77. Account Settings 03

    页面区块预览 · 具体条目入口 · React

    相关词：设置

    发布者公开目录数据2026-10-14

  78. Account Settings 04

    页面区块预览 · 具体条目入口 · React

    相关词：卡片、设置

    发布者公开目录数据2026-10-14

  79. Account Settings 05

    页面区块预览 · 具体条目入口 · React

    相关词：下拉菜单、头像、列表、设置

    发布者公开目录数据2026-10-14

  80. Account Settings 06

    页面区块预览 · 具体条目入口 · React

    相关词：弹窗、对话框、模态框、登录、注册、认证、设置

    发布者公开目录数据2026-10-14