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

UI 组件库

shadcn/ui

可组合的开源组件,适合按钮、表单、对话框和数据卡片。

公开目录 · 2026-10-13。来自官网可见目录或公开站点地图;不包含未公开、登录后或尚未发布的内容。

资源与访问条件

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

目录入口

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

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

  1. Aspect Ratio

    组件 · 具体条目入口

  2. Attachment

    组件 · 具体条目入口

  3. Avatar

    组件 · 具体条目入口

    相关词:头像

  4. Badge

    组件 · 具体条目入口

    相关词:徽章、状态标签

  5. Breadcrumb

    组件 · 具体条目入口

    相关词:面包屑

  6. Bubble

    组件 · 具体条目入口

  7. Button

    组件 · 具体条目入口

    相关词:按钮

  8. Button Group

    组件 · 具体条目入口

    相关词:按钮

  9. Calendar

    组件 · 具体条目入口

    相关词:日历

  10. Card

    组件 · 具体条目入口

    相关词:卡片

  11. Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  12. Chart

    组件 · 具体条目入口

    相关词:图表

  13. Checkbox

    组件 · 具体条目入口

    相关词:复选框、多选框

  14. Collapsible

    组件 · 具体条目入口

  15. Combobox

    组件 · 具体条目入口

    相关词:组合选择框、下拉选择

  16. Command

    组件 · 具体条目入口

    相关词:命令、搜索、命令面板

  17. Context Menu

    组件 · 具体条目入口

    相关词:菜单

  18. Data Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  19. Date Picker

    组件 · 具体条目入口

    相关词:日期选择器

  20. Dialog

    组件 · 具体条目入口

    相关词:弹窗、对话框、模态框

  21. Direction

    组件 · 具体条目入口

  22. Drawer

    组件 · 具体条目入口

    相关词:抽屉

  23. Dropdown Menu

    组件 · 具体条目入口

    相关词:菜单、下拉菜单

  24. Empty

    组件 · 具体条目入口

    相关词:空状态

  25. Field

    组件 · 具体条目入口

  26. Hover Card

    组件 · 具体条目入口

    相关词:卡片、悬停、鼠标悬停

  27. Input

    组件 · 具体条目入口

    相关词:输入框

  28. Input Group

    组件 · 具体条目入口

    相关词:输入框

  29. Input Otp

    组件 · 具体条目入口

    相关词:输入框

  30. Item

    组件 · 具体条目入口

  31. Kbd

    组件 · 具体条目入口

  32. Label

    组件 · 具体条目入口

  33. Marker

    组件 · 具体条目入口

  34. Message

    组件 · 具体条目入口

    相关词:消息提示

  35. Message Scroller

    组件 · 具体条目入口

    相关词:消息提示

  36. Native Select

    组件 · 具体条目入口

    相关词:选择器、下拉选择

  37. Pagination

    组件 · 具体条目入口

    相关词:分页

  38. Popover

    组件 · 具体条目入口

    相关词:气泡、弹出框

  39. Progress

    组件 · 具体条目入口

    相关词:进度条

  40. Questionnaire

    组件 · 具体条目入口

  41. Radio Group

    组件 · 具体条目入口

    相关词:单选框

  42. Resizable

    组件 · 具体条目入口

  43. Scroll Area

    组件 · 具体条目入口

    相关词:滚动

  44. Select

    组件 · 具体条目入口

    相关词:选择器、下拉选择

  45. Separator

    组件 · 具体条目入口

  46. Sheet

    组件 · 具体条目入口

    相关词:抽屉、面板

  47. Sidebar

    组件 · 具体条目入口

    相关词:侧边栏

  48. Skeleton

    组件 · 具体条目入口

    相关词:骨架屏、加载

  49. Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆

  50. Sonner

    组件 · 具体条目入口

  51. Spinner

    组件 · 具体条目入口

    相关词:加载、转圈

  52. Switch

    组件 · 具体条目入口

    相关词:开关

  53. Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  54. Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  55. Textarea

    组件 · 具体条目入口

    相关词:多行输入框

  56. Toast

    组件 · 具体条目入口

    相关词:消息提示、轻提示

  57. Toggle

    组件 · 具体条目入口

    相关词:切换、开关

  58. Toggle Group

    组件 · 具体条目入口

    相关词:切换、开关

  59. Tooltip

    组件 · 具体条目入口

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

  60. Typography

    组件 · 具体条目入口

    相关词:排版、字体

  61. Accordion

    组件 · 具体条目入口

    相关词:手风琴、折叠面板

  62. Alert

    组件 · 具体条目入口

    相关词:警告、提示

  63. Alert Dialog

    组件 · 具体条目入口

    相关词:警告、提示、弹窗、对话框、模态框

  64. Aspect Ratio

    组件 · 具体条目入口

  65. Attachment

    组件 · 具体条目入口

  66. Avatar

    组件 · 具体条目入口

    相关词:头像

  67. Badge

    组件 · 具体条目入口

    相关词:徽章、状态标签

  68. Breadcrumb

    组件 · 具体条目入口

    相关词:面包屑

  69. Bubble

    组件 · 具体条目入口

  70. Button

    组件 · 具体条目入口

    相关词:按钮

  71. Button Group

    组件 · 具体条目入口

    相关词:按钮

  72. Calendar

    组件 · 具体条目入口

    相关词:日历

  73. Card

    组件 · 具体条目入口

    相关词:卡片

  74. Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  75. Chart

    组件 · 具体条目入口

    相关词:图表

  76. Checkbox

    组件 · 具体条目入口

    相关词:复选框、多选框

  77. Collapsible

    组件 · 具体条目入口

  78. Combobox

    组件 · 具体条目入口

    相关词:组合选择框、下拉选择

  79. Command

    组件 · 具体条目入口

    相关词:命令、搜索、命令面板

  80. Context Menu

    组件 · 具体条目入口

    相关词:菜单