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

UI 组件库

Shadcn Studio

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Features 2

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

    相关词：手风琴、折叠面板、头像、功能区、文字、文本、图标

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

  2. Features 3

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

    相关词：列表、功能区、悬停、鼠标悬停、文字、文本、图片、仪表盘、后台、图标

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

  3. Features 4

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

    相关词：卡片、功能区、动画、动效

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

  4. Features 5

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

    相关词：头像、网格、功能区、悬停、鼠标悬停、背景、动画、动效、箭头、图标

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

  5. Features 6

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

    相关词：卡片、网格、功能区、悬停、鼠标悬停、图片、仪表盘、后台

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

  6. Features 7

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

    相关词：头像、首屏、主视觉、功能区、用户评价、悬停、鼠标悬停、图片、图标

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

  7. Features 8

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

    相关词：功能区、背景、AI、人工智能

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

  8. Features 9

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

    相关词：标签页、选项卡、功能区、动画、动效

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

  9. Features 10

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

    相关词：卡片、功能区、悬停、鼠标悬停、揭示、出现、入场、AI、人工智能

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

  10. Features 11

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

    相关词：功能区、动画、动效、图片、图标

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

  11. Features 12

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

    相关词：跑马灯、轮播、滚动列表、头像、徽章、状态标签、标签、卡片、网格、功能区、悬停、鼠标悬停

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

  12. Features 13

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

    相关词：卡片、网格、功能区、动画、动效、图标

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

  13. Features 14

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

    相关词：通知、消息提示、卡片、功能区、动画、动效

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

  14. Features 15

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

    相关词：标签页、选项卡、功能区、仪表盘、后台

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

  15. Features 16

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

    相关词：网格、功能区、悬停、鼠标悬停、光束、渐变、动画、动效、仪表盘、后台

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

  16. Features 17

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

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

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

  17. Features 18

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

    相关词：图表、卡片、功能区、动画、动效、仪表盘、后台

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

  18. Features 19

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

    相关词：图表、徽章、状态标签、卡片、功能区、光束

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

  19. Features 20

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

    相关词：按钮、卡片、网格、功能区、悬停、鼠标悬停、仪表盘、后台、图标

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

  20. Features 21

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

    相关词：跑马灯、轮播、滚动列表、按钮、卡片、网格、功能区、模糊、文字、文本、动画、动效

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

  21. Features 22

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

    相关词：按钮、图表、卡片、网格、功能区、背景、涟漪、波纹、动画、动效

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

  22. Features 23

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

    相关词：按钮、功能区

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

  23. Features 24

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

    相关词：按钮、功能区、滚动、图片

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

  24. Features 25

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

    相关词：卡片、功能区、滚动

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

  25. Features 26

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

    相关词：标签页、选项卡、功能区、进度条、背景

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

  26. Features 27

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

    相关词：标签页、选项卡、卡片、功能区、用户评价、图片、画廊、图片展示

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

  27. Features 28

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

    相关词：轮播、轮播图、按钮、徽章、状态标签、功能区、流光、闪烁、渐变、文字、文本、图片

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

  28. Features 29

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

    相关词：卡片、功能区、悬停、鼠标悬停、文字、文本、动画、动效、三维、3D

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

  29. Features 30

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

    相关词：轮播、轮播图、图表、卡片、功能区、悬停、鼠标悬停、动画、动效、仪表盘、后台

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

  30. Features 31

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

    相关词：卡片、功能区、悬停、鼠标悬停、动画、动效、三维、3D

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

  31. Features 32

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

    相关词：卡片、首屏、主视觉、功能区、动画、动效、三维、3D

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

  32. Features 33

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

    相关词：卡片、模块化布局、格子、网格、功能区、悬停、鼠标悬停、渐变、文字、文本、动画、动效

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

  33. Pricing 1

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

    相关词：切换、开关、定价、价格

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

  34. Pricing 2

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

    相关词：列表、定价、价格、功能区

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

  35. Pricing 3

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

    相关词：定价、价格

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

  36. Pricing 4

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

    相关词：定价、价格

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

  37. Pricing 5

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

    相关词：表格、数据表格、定价、价格、功能区

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

  38. Pricing 6

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

    相关词：标签页、选项卡、定价、价格、动画、动效

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

  39. Pricing 7

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

    相关词：卡片、定价、价格

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

  40. Pricing 8

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

    相关词：定价、价格、功能区

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

  41. Pricing 9

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

    相关词：标签页、选项卡、定价、价格、功能区

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

  42. Pricing 10

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

    相关词：定价、价格

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

  43. Pricing 11

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

    相关词：定价、价格、功能区

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

  44. Pricing 12

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

    相关词：定价、价格、功能区

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

  45. Pricing 13

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

    相关词：定价、价格

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

  46. Pricing 14

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

    相关词：定价、价格

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

  47. Pricing 15

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

    相关词：定价、价格

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

  48. Pricing 16

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

    相关词：定价、价格

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

  49. Pricing 17

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

    相关词：定价、价格

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

  50. Pricing 18

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

    相关词：定价、价格

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

  51. Pricing 19

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

    相关词：定价、价格、常见问题

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

  52. Pricing 20

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

    相关词：定价、价格

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

  53. Pricing 21

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

    相关词：标签页、选项卡、定价、价格

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

  54. Pricing 22

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

    相关词：切换、开关、徽章、状态标签、定价、价格

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

  55. Pricing 23

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

    相关词：表格、数据表格、定价、价格

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

  56. Testimonials 1

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

    相关词：轮播、轮播图

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

  57. Testimonials 2

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

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

  58. Testimonials 3

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

    相关词：跑马灯、轮播、滚动列表、首屏、主视觉、动画、动效

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

  59. Testimonials 4

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

    相关词：轮播、轮播图、卡片、网格

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

  60. Testimonials 5

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

    相关词：轮播、轮播图

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

  61. Testimonials 6

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

    相关词：跑马灯、轮播、滚动列表

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

  62. Testimonials 7

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

    相关词：轮播、轮播图

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

  63. Testimonials 8

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

    相关词：跑马灯、轮播、滚动列表、卡片

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

  64. Testimonials 9

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

    相关词：网格、动画、动效、视频

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

  65. Testimonials 10

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

    相关词：轮播、轮播图、导航、卡片、动画、动效

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

  66. Testimonials 11

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

    相关词：轮播、轮播图、网格、背景、星星、收藏

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

  67. Testimonials 12

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

    相关词：头像、卡片、动画、动效

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

  68. Testimonials 13

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

    相关词：头像、卡片、网格、用户评价、动画、动效、星星、收藏

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

  69. Testimonials 14

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

    相关词：轮播、轮播图、徽章、状态标签、动画、动效、星星、收藏

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

  70. Testimonials 15

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

    相关词：轮播、轮播图、卡片、用户评价、动画、动效

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

  71. Testimonials 16

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

    相关词：轮播、轮播图、卡片、用户评价、动画、动效、星星、收藏

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

  72. Testimonials 17

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

    相关词：卡片、网格、动画、动效、星星、收藏

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

  73. Testimonials 18

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

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

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

  74. Testimonials 19

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

    相关词：轮播、轮播图、按钮、徽章、状态标签、动画、动效、视频

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

  75. Testimonials 20

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

    相关词：跑马灯、轮播、滚动列表、卡片、滚动、动画、动效、星星、收藏

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

  76. Testimonials 21

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

    相关词：跑马灯、轮播、滚动列表、渐变、滚动、动画、动效、星星、收藏

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

  77. Testimonials 22

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

    相关词：按钮、网格

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

  78. Testimonials 23

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

    相关词：轮播、轮播图、标签页、选项卡、进度条

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

  79. Testimonials 24

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

    相关词：跑马灯、轮播、滚动列表、按钮、卡片、流光、闪烁、文字、文本、三维、3D、图片

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

  80. Testimonials 25

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

    相关词：卡片、滚动、动画、动效、图片

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