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

UI 组件库

Shadcn Studio

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Widget 26

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

    相关词：表格、数据表格、列表

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

  2. Widget 27

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

    相关词：表格、数据表格、进度条

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

  3. Widget 28

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

    相关词：徽章、状态标签、用户

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

  4. Statistics Components 01

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

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

  5. Statistics Components 02

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

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

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

  6. Statistics Components 03

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

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

  7. Statistics Components 04

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

    相关词：图标

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

  8. Statistics Components 05

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

    相关词：仪表盘、后台

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

  9. Statistics Components 06

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

    相关词：标签页、选项卡、网格、进度条、仪表盘、后台

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

  10. Statistics Components 07

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

    相关词：图表、卡片

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

  11. Statistics Components 08

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

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

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

  12. Statistics Components 09

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

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

  13. Statistics Components 10

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

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

  14. Statistics Components 11

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

    相关词：图表、卡片、网格、渐变

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

  15. Statistics Components 12

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

    相关词：徽章、状态标签

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

  16. Statistics Components 13

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

    相关词：卡片、进度条

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

  17. Statistics Components 14

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

    相关词：图表

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

  18. Statistics Components 15

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

    相关词：徽章、状态标签、进度条

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

  19. Statistics Components 16

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

    相关词：图表、注册、悬停、鼠标悬停

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

  20. Statistics Components 17

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

    相关词：表格、数据表格

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

  21. Statistics Components 18

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

    相关词：仪表盘、后台

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

  22. Statistics Components 19

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

    相关词：卡片

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

  23. Statistics Components 20

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

    相关词：图表、徽章、状态标签

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

  24. Statistics Components 21

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

    相关词：图表、折线、线条

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

  25. Statistics Components 22

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

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

  26. Statistics Components 23

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

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

  27. Statistics Components 24

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

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

  28. Statistics Components 25

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

    相关词：用户

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

  29. Dashboard Dialog 1

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

    相关词：弹窗、对话框、模态框、定价、价格、仪表盘、后台

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

  30. Dashboard Dialog 2

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

    相关词：弹窗、对话框、模态框、头像、仪表盘、后台、用户

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

  31. Dashboard Dialog 3

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

    相关词：弹窗、对话框、模态框、卡片、表单、仪表盘、后台

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

  32. Dashboard Dialog 4

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

    相关词：弹窗、对话框、模态框、仪表盘、后台、设置

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

  33. Dashboard Dialog 5

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

    相关词：弹窗、对话框、模态框、滑块、滑杆、仪表盘、后台

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

  34. Dashboard Dialog 6

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

    相关词：弹窗、对话框、模态框、仪表盘、后台、用户

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

  35. Dashboard Dialog 7

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

    相关词：弹窗、对话框、模态框、卡片、表单、仪表盘、后台

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

  36. Dashboard Dialog 8

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

    相关词：弹窗、对话框、模态框、仪表盘、后台

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

  37. Dashboard Dialog 9

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

    相关词：弹窗、对话框、模态框、单选框、仪表盘、后台

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

  38. Dashboard Dialog 10

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

    相关词：弹窗、对话框、模态框、单选框、仪表盘、后台、图标

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

  39. Dashboard Dialog 11

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

    相关词：弹窗、对话框、模态框、上传、滚动、拖拽、拖动、仪表盘、后台、文件

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

  40. Dashboard Dialog 12

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

    相关词：弹窗、对话框、模态框、输入框、多行输入框、单选框、表单、仪表盘、后台

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

  41. Dashboard Dialog 13

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

    相关词：弹窗、对话框、模态框、仪表盘、后台、用户

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

  42. Dashboard Dialog 14

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

    相关词：弹窗、对话框、模态框、输入框、单选框、开关、表单、仪表盘、后台、用户

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

  43. Dashboard Dialog 15

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

    相关词：弹窗、对话框、模态框、滚动、仪表盘、后台、用户

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

  44. Dashboard Dialog 16

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

    相关词：弹窗、对话框、模态框、导航、仪表盘、后台

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

  45. Dashboard Dialog 17

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

    相关词：弹窗、对话框、模态框、日历、滚动、仪表盘、后台、用户

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

  46. Dashboard Dialog 18

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

    相关词：弹窗、对话框、模态框、切换、开关、下拉菜单、徽章、状态标签、日历、仪表盘、后台

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

  47. Dashboard Dialog 19

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

    相关词：弹窗、对话框、模态框、组合选择框、下拉选择、头像、徽章、状态标签、搜索、仪表盘、后台

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

  48. Dashboard Dialog 20

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

    相关词：弹窗、对话框、模态框、抽屉、面板、徽章、状态标签、仪表盘、后台、用户

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

  49. Dashboard Dialog 21

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

    相关词：弹窗、对话框、模态框、头像、仪表盘、后台

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

  50. Dashboard Dialog 22

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

    相关词：弹窗、对话框、模态框、复选框、多选框、仪表盘、后台

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

  51. Dashboard Dialog 23

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

    相关词：弹窗、对话框、模态框、登录、注册、认证、仪表盘、后台

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

  52. Dashboard Dialog 24

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

    相关词：弹窗、对话框、模态框、开关、仪表盘、后台

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

  53. Dashboard Dialog 25

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

    相关词：弹窗、对话框、模态框、徽章、状态标签、仪表盘、后台

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

  54. Dashboard Dialog 26

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

    相关词：弹窗、对话框、模态框、开关、仪表盘、后台

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

  55. Dashboard Dialog 27

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

    相关词：弹窗、对话框、模态框、仪表盘、后台

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

  56. Dashboard Dialog 28

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

    相关词：弹窗、对话框、模态框、菜单、表单、上传、图片、仪表盘、后台

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

  57. Dashboard Dialog 29

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

    相关词：弹窗、对话框、模态框、菜单、表单、仪表盘、后台

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

  58. Dashboard Dialog 30

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

    相关词：弹窗、对话框、模态框、仪表盘、后台

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

  59. Dashboard Dialog 31

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

    相关词：弹窗、对话框、模态框、仪表盘、后台

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

  60. Dashboard Dialog 32

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

    相关词：弹窗、对话框、模态框、菜单、仪表盘、后台

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

  61. Dashboard Dialog 33

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

    相关词：弹窗、对话框、模态框、搜索、仪表盘、后台

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

  62. Dashboard Dialog 34

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

    相关词：弹窗、对话框、模态框、仪表盘、后台

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

  63. Dashboard Dialog 35

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

    相关词：弹窗、对话框、模态框、聊天、对话、AI、人工智能、流式输出、仪表盘、后台

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

  64. Dashboard Dialog 36

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

    相关词：弹窗、对话框、模态框、搜索、仪表盘、后台

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

  65. Dashboard Dialog 37

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

    相关词：弹窗、对话框、模态框、标签页、选项卡、仪表盘、后台、设置

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

  66. Dashboard Dropdown 1

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

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

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

  67. Dashboard Dropdown 2

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

    相关词：下拉菜单、头像、仪表盘、后台、用户、设置

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

  68. Dashboard Dropdown 3

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

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

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

  69. Dashboard Dropdown 4

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

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

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

  70. Dashboard Dropdown 5

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

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

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

  71. Dashboard Dropdown 6

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

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

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

  72. Dashboard Dropdown 7

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

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

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

  73. Dashboard Dropdown 8

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

    相关词：切换、开关、下拉菜单、动画、动效、仪表盘、后台、用户

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

  74. Dashboard Dropdown 9

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

    相关词：切换、开关、下拉菜单、仪表盘、后台、设置

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

  75. Dashboard Dropdown 10

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

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

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

  76. Dashboard Dropdown 11

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

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

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

  77. Dashboard Dropdown 12

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

    相关词：警告、提示、标签页、选项卡、下拉菜单、徽章、状态标签、通知、消息提示、仪表盘、后台、用户

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

  78. Dashboard Dropdown 13

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

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

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

  79. Dashboard Dropdown 14

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

    相关词：复选框、下拉菜单、搜索、仪表盘、后台

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

  80. Dashboard Dropdown 15

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

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

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