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

UI 组件库

Shadcn Studio

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. Dashboard Shell 3

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

    相关词：输入框、仪表盘、后台

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

  2. Dashboard Shell 4

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

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

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

  3. Dashboard Shell 5

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

    相关词：仪表盘、后台

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

  4. Dashboard Shell 6

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

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

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

  5. Dashboard Shell 7

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

    相关词：抽屉、导航、仪表盘、后台

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

  6. Dashboard Shell 08

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

    相关词：仪表盘、后台

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

  7. Dashboard Shell 9

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

    相关词：通知、消息提示、仪表盘、后台

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

  8. Dashboard Shell 10

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

    相关词：仪表盘、后台

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

  9. Dashboard Shell 11

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

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

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

  10. Dashboard Shell 12

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

    相关词：菜单、网格、仪表盘、后台

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

  11. Application Shell 1

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

    相关词：导航、侧边栏

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

  12. Application Shell 2

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

    相关词：弹窗、对话框、模态框、组合选择框、下拉选择、搜索

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

  13. Application Shell 3

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

    相关词：面包屑

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

  14. Application Shell 4

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

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

  15. Application Shell 5

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

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

  16. Application Shell 6

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

    相关词：抽屉

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

  17. Application Shell 7

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

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

  18. Application Shell 8

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

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

  19. Application Shell 9

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

    相关词：标签页、选项卡

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

  20. Application Shell 10

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

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

  21. Application Shell 11

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

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

  22. Application Shell 12

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

    相关词：用户、设置

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

  23. Application Shell 13

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

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

  24. Application Shell 14

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

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

  25. Application Shell 15

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

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

  26. Application Shell 16

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

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

  27. Application Shell 17

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

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

  28. Application Shell 18

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

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

  29. Application Shell 19

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

    相关词：导航、侧边栏

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

  30. Application Shell 20

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

    相关词：菜单、导航、侧边栏、图标

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

  31. Application Shell 21

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

    相关词：侧边栏、列表、图标

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

  32. Application Shell 22

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

    相关词：日历、图标

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

  33. Application Shell 23

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

    相关词：侧边栏、聊天、对话、AI、人工智能

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

  34. Application Shell 24

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

    相关词：标签页、选项卡、侧边栏、日历

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

  35. Application Shell 25

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

    相关词：日历、图标

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

  36. Application Shell 26

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

    相关词：导航、侧边栏、面包屑、进度条

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

  37. Application Shell 27

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

    相关词：下拉菜单、导航、侧边栏、面包屑、徽章、状态标签

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

  38. Application Shell 28

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

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

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

  39. Application Shell 29

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

    相关词：侧边栏、徽章、状态标签、涟漪、波纹、图标

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

  40. Application Shell 30

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

    相关词：骨架屏、加载、邮件、信封

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

  41. Application Shell 31

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

    相关词：侧边栏、聊天、对话、AI、人工智能

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

  42. Application Shell 32

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

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

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

  43. Email Application 01

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

    相关词：邮件、信封

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

  44. Chat Application 01

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

    相关词：聊天、对话

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

  45. Contact Application 01

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

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

  46. Roles Permission Application 01

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

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

  47. User View Application 01

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

    相关词：用户、设置

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

  48. AI Agent Application 01

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

    相关词：聊天、对话、AI、人工智能、智能体

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

  49. AI Agent Application 02

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

    相关词：聊天、对话、AI、人工智能、智能体

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

  50. User Profile Application 01

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

    相关词：用户

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

  51. Messenger Customizer Application 01

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

    相关词：聊天、对话

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

  52. Event Calendar 01

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

    相关词：日历

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

  53. Event Calendar 02

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

    相关词：弹窗、对话框、模态框、日历、拖拽、拖动

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

  54. Event Calendar 03

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

    相关词：弹窗、对话框、模态框、列表、日历、拖拽、拖动

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

  55. Event Calendar 04

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

    相关词：日历、拖拽、拖动

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

  56. Event Calendar 05

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

    相关词：日历、拖拽、拖动

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

  57. Event Calendar 06

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

    相关词：侧边栏、卡片、日历、悬停、鼠标悬停、拖拽、拖动

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

  58. Kanban App 01

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

    相关词：拖拽、拖动

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

  59. Kanban App 02

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

    相关词：拖拽、拖动

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

  60. Kanban App 03

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

    相关词：拖拽、拖动

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

  61. Kanban App 04

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

    相关词：拖拽、拖动

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

  62. Kanban App 05

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

    相关词：渐变、拖拽、拖动

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

  63. Kanban App 06

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

    相关词：渐变、拖拽、拖动

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

  64. Kanban App 07

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

    相关词：标签页、选项卡、进度条、拖拽、拖动

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

  65. Kanban App 08

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

    相关词：拖拽、拖动

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

  66. Kanban App 09

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

    相关词：进度条、拖拽、拖动

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

  67. Kanban App 10

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

    相关词：拖拽、拖动

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

  68. Gantt Chart 1

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

    相关词：图表、拖拽、拖动、仪表盘、后台

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

  69. Gantt Chart 2

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

    相关词：弹窗、对话框、模态框、图表、菜单、下拉菜单、拖拽、拖动、仪表盘、后台

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

  70. Gantt Chart 3

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

    相关词：抽屉、面板、图表、拖拽、拖动、仪表盘、后台

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

  71. Chart 1

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

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

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

  72. Chart 2

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

    相关词：图表、柱状图、菜单、下拉菜单、进度条

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

  73. Chart 3

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

    相关词：图表、饼图

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

  74. Chart 4

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

    相关词：图表

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

  75. Chart 5

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

    相关词：图表、柱状图

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

  76. Chart 6

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

    相关词：图表、柱状图

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

  77. Chart 7

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

    相关词：图表

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

  78. Chart 8

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

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

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

  79. Chart 9

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

    相关词：图表

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

  80. Chart 10

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

    相关词：图表、柱状图

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