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

UI 组件库

Shadcn Studio

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

进入原站读取本页 JSON

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

资源与访问条件

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

目录入口

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

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

  1. DataTable Grouping 02

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

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

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

  2. DataTable Grouping 03

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

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

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

  3. DataTable Grouping 04

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

    相关词：表格、数据表格

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

  4. DataTable Grouping 05

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

    相关词：表格、数据表格

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

  5. DataTable Export 1

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

    相关词：表格、数据表格

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

  6. DataTable Export 2

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

    相关词：表格、数据表格

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

  7. DataTable Export 3

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

    相关词：表格、数据表格

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

  8. Bento Grid 1

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

    相关词：模块化布局、格子、卡片、网格、动画、动效

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

  9. Bento Grid 2

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

    相关词：头像、通知、消息提示、模块化布局、格子、卡片、网格、动画、动效

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

  10. Bento Grid 3

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

    相关词：图表、模块化布局、格子、卡片、网格、动画、动效

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

  11. Bento Grid 4

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

    相关词：模块化布局、格子、卡片、网格、动画、动效

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

  12. Bento Grid 5

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

    相关词：环形、圆形、模块化布局、格子、卡片、网格、背景、涟漪、波纹、动画、动效

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

  13. Bento Grid 6

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

    相关词：模块化布局、格子、卡片、网格、进度条、仪表盘、后台

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

  14. Bento Grid 7

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

    相关词：模块化布局、格子、卡片、网格、动画、动效

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

  15. Bento Grid 8

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

    相关词：跑马灯、轮播、滚动列表、按钮、卡片、模块化布局、格子、网格

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

  16. Bento Grid 9

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

    相关词：轮播、轮播图、标签页、选项卡、卡片、模块化布局、格子、网格

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

  17. Bento Grid 10

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

    相关词：轮播、轮播图、卡片、模块化布局、格子、网格、AI、人工智能、图标

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

  18. Bento Grid 11

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

    相关词：跑马灯、轮播、滚动列表、图表、模块化布局、格子、卡片、网格、首屏、主视觉、渐变、审批

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

  19. Bento Grid 12

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

    相关词：模块化布局、格子、卡片、网格、功能区、悬停、鼠标悬停、发光、光晕、背景、动画、动效

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

  20. Bento Grid 13

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

    相关词：图表、模块化布局、格子、卡片、网格、背景、涟漪、波纹

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

  21. Bento Grid 14

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

    相关词：跑马灯、轮播、滚动列表、卡片、模块化布局、格子、网格、打字机、动画、动效、图标

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

  22. Bento Grid 15

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

    相关词：轮播、轮播图、模块化布局、格子、卡片、网格、进度条

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

  23. Bento Grid 16

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

    相关词：模块化布局、格子、卡片、网格

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

  24. Bento Grid 17

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

    相关词：模块化布局、格子、卡片、网格、动画、动效、三维、3D

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

  25. Bento Grid 18

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

    相关词：卡片、模块化布局、格子、网格、悬停、鼠标悬停

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

  26. Bento Grid 19

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

    相关词：轮播、轮播图、模块化布局、格子、卡片、网格

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

  27. Bento Grid 20

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

    相关词：模块化布局、格子、卡片、网格、排版、字体

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

  28. Bento Grid 21

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

    相关词：模块化布局、格子、卡片、网格、动画、动效、聊天、对话

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

  29. Bento Grid 22

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

    相关词：模块化布局、格子、卡片、网格、动画、动效

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

  30. Bento Grid 23

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

    相关词：模块化布局、格子、卡片、网格、AI、人工智能

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

  31. Bento Grid 24

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

    相关词：轮播、轮播图、跑马灯、滚动列表、模块化布局、格子、卡片、网格、动画、动效

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

  32. Bento Grid 25

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

    相关词：跑马灯、轮播、滚动列表、滑块、滑杆、模块化布局、格子、卡片、网格、功能区、画廊、图片展示

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

  33. Aspect Ratio

    组件文档 · 具体条目入口 · React

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

  34. Breadcrumb

    组件文档 · 具体条目入口 · React

    相关词：面包屑

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

  35. Button Group

    组件文档 · 具体条目入口 · React

    相关词：按钮

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

  36. Code Block

    组件文档 · 具体条目入口 · React

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

  37. Menu

    组件文档 · 具体条目入口 · React

    相关词：菜单

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

  38. Date Picker

    组件文档 · 具体条目入口 · React

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

  39. Input Mask

    组件文档 · 具体条目入口 · React

    相关词：输入框

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

  40. Input Otp

    组件文档 · 具体条目入口 · React

    相关词：输入框

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

  41. Kbd

    组件文档 · 具体条目入口 · React

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

  42. Menubar

    组件文档 · 具体条目入口 · React

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

  43. Phone Input

    组件文档 · 具体条目入口 · React

    相关词：输入框

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

  44. Rating

    组件文档 · 具体条目入口 · React

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

  45. Resizable

    组件文档 · 具体条目入口 · React

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

  46. Scroll Area

    组件文档 · 具体条目入口 · React

    相关词：滚动

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

  47. Slider

    组件文档 · 具体条目入口 · React

    相关词：滑块、滑杆

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

  48. Sortable

    组件文档 · 具体条目入口 · React

    相关词：排序、拖拽

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

  49. Spinner

    组件文档 · 具体条目入口 · React

    相关词：加载、转圈

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

  50. Stepper

    组件文档 · 具体条目入口 · React

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

  51. Table

    组件文档 · 具体条目入口 · React

    相关词：表格、数据表格

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

  52. Tabs

    组件文档 · 具体条目入口 · React

    相关词：标签页、选项卡

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

  53. Textarea

    组件文档 · 具体条目入口 · React

    相关词：多行输入框

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

  54. Toggle

    组件文档 · 具体条目入口 · React

    相关词：切换、开关

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

  55. Toggle Group

    组件文档 · 具体条目入口 · React

    相关词：切换、开关

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

  56. Tooltip

    组件文档 · 具体条目入口 · React

    相关词：提示、气泡、工具提示

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

  57. Typography

    组件文档 · 具体条目入口 · React

    相关词：排版、字体

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