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

UI 组件库

Shadcn Studio

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Chart 11

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

    相关词：图表、柱状图

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

  2. Chart 12

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

    相关词：图表

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

  3. Chart 13

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

    相关词：图表

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

  4. Chart 14

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

    相关词：图表

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

  5. Chart 15

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

    相关词：图表

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

  6. Chart 16

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

    相关词：图表

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

  7. Chart 17

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

    相关词：图表

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

  8. Chart 18

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

    相关词：图表

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

  9. Chart 19

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

    相关词：图表

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

  10. Chart 20

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

    相关词：图表

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

  11. Chart 21

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

    相关词：图表

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

  12. Chart 22

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

    相关词：图表

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

  13. Chart 23

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

    相关词：图表、柱状图

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

  14. Chart 24

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

    相关词：图表

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

  15. Chart 25

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

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

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

  16. Chart 26

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

    相关词：图表

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

  17. Chart 27

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

    相关词：图表、标签页、选项卡

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

  18. Chart 28

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

    相关词：图表

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

  19. Chart 29

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

    相关词：图表、柱状图、用户

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

  20. Chart 30

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

    相关词：图表、柱状图、标签页、选项卡、用户

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

  21. Chart 31

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

    相关词：图表、柱状图、单选框、切换、开关

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

  22. Chart 32

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

    相关词：图表、柱状图、列表、动画、动效、用户

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

  23. Chart 33

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

    相关词：图表、柱状图、列表

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

  24. Chart 34

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

    相关词：提示、气泡、工具提示、图表、柱状图

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

  25. Chart 35

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

    相关词：提示、气泡、工具提示、图表、柱状图

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

  26. Chart 36

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

    相关词：提示、气泡、工具提示、图表、柱状图

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

  27. Chart 37

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

    相关词：环形、圆形、图表、柱状图、进度条

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

  28. Chart 38

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

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

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

  29. Chart 39

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

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

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

  30. Chart 40

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

    相关词：图表、折线、线条、仪表盘、后台

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

  31. Chart 41

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

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

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

  32. Chart 42

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

    相关词：图表、饼图、单选框、切换、开关

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

  33. Chart 43

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

    相关词：图表、饼图

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

  34. Chart 44

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

    相关词：图表

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

  35. Chart 45

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

    相关词：提示、气泡、工具提示、图表、柱状图、饼图、菜单、下拉菜单

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

  36. Chart 46

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

    相关词：提示、气泡、工具提示、图表、柱状图、菜单、下拉菜单

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

  37. Chart 47

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

    相关词：表格、数据表格、图表、折线、线条

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

  38. Chart 48

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

    相关词：图表、柱状图、网格、列表

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

  39. Chart 49

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

    相关词：表格、数据表格、图表、柱状图、菜单、下拉菜单

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

  40. Chart 50

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

    相关词：弹窗、对话框、模态框、图表、柱状图、菜单、下拉菜单、列表

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

  41. Chart 51

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

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

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

  42. Chart 52

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

    相关词：提示、气泡、工具提示、图表、悬停、鼠标悬停

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

  43. Chart 53

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

    相关词：提示、气泡、工具提示、图表、悬停、鼠标悬停

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

  44. Chart 54

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

    相关词：提示、气泡、工具提示、图表、悬停、鼠标悬停

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

  45. Chart 55

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

    相关词：手风琴、折叠面板、提示、气泡、工具提示、图表、悬停、鼠标悬停

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

  46. Chart 56

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

    相关词：提示、气泡、工具提示、图表、悬停、鼠标悬停

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

  47. Chart 57

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

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

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

  48. Chart 58

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

    相关词：图表

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

  49. Chart 59

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

    相关词：图表

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

  50. Chart 60

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

    相关词：图表

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

  51. Chart 61

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

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

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

  52. Chart 62

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

    相关词：提示、气泡、工具提示、图表、网格、日历、热力图

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

  53. Chart 63

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

    相关词：图表、柱状图

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

  54. Chart 64

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

    相关词：图表

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

  55. Chart 65

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

    相关词：图表、列表

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

  56. Widget 1

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

    相关词：进度条

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

  57. Widget 2

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

    相关词：图表

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

  58. Widget 3

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

    相关词：菜单、下拉菜单、头像

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

  59. Widget 4

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

    相关词：徽章、状态标签

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

  60. Widget 5

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

    相关词：下拉菜单

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

  61. Widget 6

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

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

  62. Widget 7

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

    相关词：头像、进度条

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

  63. Widget 8

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

    相关词：头像、用户

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

  64. Widget 9

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

    相关词：头像

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

  65. Widget 10

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

    相关词：复选框、多选框、徽章、状态标签

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

  66. Widget 11

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

    相关词：输入框、表单

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

  67. Widget 12

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

    相关词：环形、圆形、进度条

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

  68. Widget 13

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

    相关词：环形、圆形、进度条

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

  69. Widget 14

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

    相关词：表格、数据表格

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

  70. Widget 15

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

    相关词：标签页、选项卡、导航、头像、进度条、用户

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

  71. Widget 16

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

    相关词：提示、气泡、工具提示、头像、徽章、状态标签

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

  72. Widget 17

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

    相关词：标签页、选项卡、导航

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

  73. Widget 18

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

    相关词：头像、徽章、状态标签

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

  74. Widget 19

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

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

  75. Widget 20

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

    相关词：弹窗、对话框、模态框、表格、数据表格、下拉菜单、进度条

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

  76. Widget 21

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

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

  77. Widget 22

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

    相关词：开关、切换

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

  78. Widget 23

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

    相关词：菜单、下拉菜单、用户

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

  79. Widget 24

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

    相关词：卡片、进度条

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

  80. Widget 25

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

    相关词：列表、进度条

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