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

UI 组件库

Shadcn Studio

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Account Settings 07

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

    相关词：警告、提示、卡片、AI、人工智能、仪表盘、后台、设置

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

  2. Account Settings 08

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

    相关词：表格、数据表格、导航、侧边栏、分页、通知、消息提示、卡片、网格、仪表盘、后台、设置

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

  3. Account Settings 09

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

    相关词：导航、通知、消息提示、登录、注册、认证、设置

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

  4. Account Settings 10

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

    相关词：警告、提示、表格、数据表格、通知、消息提示、设置

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

  5. Account Settings 11

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

    相关词：上传、设置

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

  6. Account Settings 12

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

    相关词：导航、侧边栏、通知、消息提示、聊天、对话、设置

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

  7. Account Settings 13

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

    相关词：导航、侧边栏、通知、消息提示、登录、注册、认证、设置

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

  8. File Upload 1

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

    相关词：按钮、输入框、卡片、表单、上传、文件

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

  9. File Upload 2

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

    相关词：选择器、下拉选择、头像、卡片、上传、滚动、拖拽、拖动、文件

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

  10. File Upload 3

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

    相关词：卡片、上传、滚动、拖拽、拖动、文件

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

  11. File Upload 4

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

    相关词：头像、卡片、网格、表单、上传、图片、文件

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

  12. File Upload 5

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

    相关词：选择器、下拉选择、卡片、表单、上传、拖拽、拖动、文件

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

  13. File Upload 6

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

    相关词：卡片、进度条、上传、拖拽、拖动、文件

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

  14. File Upload 7

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

    相关词：卡片、网格、表单、上传、图片、画廊、图片展示、文件

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

  15. Onboarding Feed 1

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

    相关词：手风琴、折叠面板

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

  16. Onboarding Feed 2

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

    相关词：头像、表单、上传

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

  17. Onboarding Feed 3

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

    相关词：手风琴、折叠面板、弹窗、对话框、模态框、注册、进度条

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

  18. Onboarding Feed 4

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

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

  19. Onboarding Feed 5

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

    相关词：标签页、选项卡、设置

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

  20. Empty State 1

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

    相关词：卡片、空状态

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

  21. Empty State 2

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

    相关词：弹窗、对话框、模态框、空状态

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

  22. Empty State 3

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

    相关词：环形、圆形、空状态、进度条

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

  23. Empty State 4

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

    相关词：环形、圆形、卡片、空状态、进度条

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

  24. Empty State 5

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

    相关词：图表、标签页、选项卡、下拉菜单、空状态

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

  25. Empty State 6

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

    相关词：图表、下拉菜单、空状态

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

  26. Empty State 7

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

    相关词：标签页、选项卡、空状态、仪表盘、后台

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

  27. Empty State 8

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

    相关词：图表、头像、空状态

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

  28. Empty State 9

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

    相关词：图表、头像、空状态

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

  29. Empty State 10

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

    相关词：手风琴、折叠面板、卡片、空状态、仪表盘、后台

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

  30. Empty State 11

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

    相关词：标签页、选项卡、空状态、设置

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

  31. Empty State 12

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

    相关词：空状态、文件

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

  32. Inbox App 01

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

    相关词：聊天、对话

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

  33. Inbox App 02

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

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

  34. Inbox App 03

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

    相关词：线性

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

  35. Workflow Builder 01

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

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

  36. Workflow Builder 02

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

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

  37. Workflow Builder 03

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

    相关词：抽屉、面板

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

  38. Workflow Builder 04

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

    相关词：AI、人工智能、智能体

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

  39. Workflow Builder 05

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

    相关词：地图、星星、收藏

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

  40. Workflow Builder 06

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

    相关词：审批、确认

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

  41. Map Blocks 01

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

    相关词：地图

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

  42. Map Blocks 02

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

    相关词：地图

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

  43. Multi View 01

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

    相关词：表格、数据表格、日历、拖拽、拖动、仪表盘、后台

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

  44. Multi View 02

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

    相关词：列表、仪表盘、后台

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

  45. Multi View 03

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

    相关词：表格、数据表格、卡片

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

  46. Product Overview 1

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

    相关词：轮播、轮播图、徽章、状态标签、画廊、图片展示

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

  47. Product Overview 2

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

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

  48. Product Overview 3

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

    相关词：手风琴、折叠面板、弹窗、对话框、模态框、单选框、卡片

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

  49. Product Overview 4

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

    相关词：轮播、轮播图、下拉菜单、面包屑

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

  50. Product Overview 5

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

    相关词：警告、提示、网格、列表、图片

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

  51. Product Overview 6

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

    相关词：表格、数据表格、单选框、列表

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

  52. Product Overview 7

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

    相关词：轮播、轮播图

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

  53. Product Overview 8

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

    相关词：轮播、轮播图、导航、徽章、状态标签

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

  54. Product Overview 9

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

    相关词：轮播、轮播图

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

  55. Product Overview 10

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

    相关词：定价、价格

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

  56. Product Overview 11

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

    相关词：定价、价格

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

  57. Product Quick View 1

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

    相关词：弹窗、对话框、模态框、轮播、轮播图、渐变、背景

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

  58. Product Quick View 2

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

    相关词：弹窗、对话框、模态框、轮播、轮播图

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

  59. Product Quick View 3

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

    相关词：弹窗、对话框、模态框、轮播、轮播图

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

  60. Product Quick View 4

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

    相关词：轮播、轮播图、导航、功能区、图标

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

  61. Product Quick View 5

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

    相关词：轮播、轮播图、导航、侧边栏、徽章、状态标签、画廊、图片展示

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

  62. Product Category 1

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

    相关词：按钮、徽章、状态标签、卡片、网格

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

  63. Product Category 2

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

    相关词：徽章、状态标签、卡片、网格、渐变、图片

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

  64. Product Category 3

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

    相关词：轮播、轮播图、环形、圆形、导航、卡片、网格、图标

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

  65. Product Category 4

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

    相关词：卡片、网格、悬停、鼠标悬停、文字、文本、动画、动效、图标

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

  66. Product Category 5

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

    相关词：轮播、轮播图、环形、圆形、导航、卡片、渐变、背景、线性图标、描边图标、图标

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

  67. Product Category 6

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

    相关词：轮播、轮播图、卡片、渐变、图片、图标

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

  68. Product Category 7

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

    相关词：徽章、状态标签、卡片、网格

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

  69. Product Category 8

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

    相关词：卡片、网格、三维、3D

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

  70. Product Category 9

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

    相关词：卡片、网格、悬停、鼠标悬停、渐变、图片

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

  71. Product Category 10

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

    相关词：网格、背景、动画、动效、图片

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

  72. Product Category 11

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

    相关词：环形、圆形、卡片、网格、动画、动效

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

  73. Product Category 12

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

    相关词：徽章、状态标签、卡片、网格、图标

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

  74. Product Category 13

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

    相关词：首页、房子

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

  75. Product List 1

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

    相关词：徽章、状态标签、卡片、网格、列表、图片

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

  76. Product List 2

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

    相关词：环形、圆形、网格、列表、悬停、鼠标悬停、动画、动效、图片

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

  77. Product List 3

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

    相关词：导航、面包屑、徽章、状态标签、卡片、网格、列表、动画、动效

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

  78. Product List 4

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

    相关词：徽章、状态标签、卡片、列表

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

  79. Product List 5

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

    相关词：轮播、轮播图、网格、列表、图片

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

  80. Product List 6

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

    相关词：徽章、状态标签、卡片、网格、列表

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