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

UI 组件库

shadcn/ui

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

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

资源与访问条件

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

已保存的精选样本

目录入口

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

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

  1. Area

    页面区块 · 具体条目入口

    相关词:图表

  2. Accordion

    组件 · 具体条目入口

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

  3. Alert

    组件 · 具体条目入口

    相关词:警告、提示

  4. Alert Dialog

    组件 · 具体条目入口

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

  5. Aspect Ratio

    组件 · 具体条目入口

  6. Attachment

    组件 · 具体条目入口

  7. Avatar

    组件 · 具体条目入口

    相关词:头像

  8. Badge

    组件 · 具体条目入口

    相关词:徽章、状态标签

  9. Breadcrumb

    组件 · 具体条目入口

    相关词:面包屑

  10. Bubble

    组件 · 具体条目入口

  11. Button

    组件 · 具体条目入口

    相关词:按钮

  12. Button Group

    组件 · 具体条目入口

    相关词:按钮

  13. Calendar

    组件 · 具体条目入口

    相关词:日历

  14. Card

    组件 · 具体条目入口

    相关词:卡片

  15. Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  16. Chart

    组件 · 具体条目入口

    相关词:图表

  17. Checkbox

    组件 · 具体条目入口

    相关词:复选框、多选框

  18. Collapsible

    组件 · 具体条目入口

  19. Combobox

    组件 · 具体条目入口

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

  20. Command

    组件 · 具体条目入口

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

  21. Context Menu

    组件 · 具体条目入口

    相关词:菜单

  22. Data Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  23. Date Picker

    组件 · 具体条目入口

    相关词:日期选择器

  24. Dialog

    组件 · 具体条目入口

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

  25. Direction

    组件 · 具体条目入口

  26. Drawer

    组件 · 具体条目入口

    相关词:抽屉

  27. Dropdown Menu

    组件 · 具体条目入口

    相关词:菜单、下拉菜单

  28. Empty

    组件 · 具体条目入口

    相关词:空状态

  29. Field

    组件 · 具体条目入口

  30. Hover Card

    组件 · 具体条目入口

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

  31. Input

    组件 · 具体条目入口

    相关词:输入框

  32. Input Group

    组件 · 具体条目入口

    相关词:输入框

  33. Input OTP

    组件 · 具体条目入口

    相关词:输入框

  34. Item

    组件 · 具体条目入口

  35. Kbd

    组件 · 具体条目入口

  36. Label

    组件 · 具体条目入口

  37. Marker

    组件 · 具体条目入口

  38. Menubar

    组件 · 具体条目入口

  39. Message

    组件 · 具体条目入口

    相关词:消息提示

  40. Message Scroller

    组件 · 具体条目入口

    相关词:消息提示

  41. Native Select

    组件 · 具体条目入口

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

  42. Navigation Menu

    组件 · 具体条目入口

    相关词:菜单、导航

  43. Pagination

    组件 · 具体条目入口

    相关词:分页

  44. Popover

    组件 · 具体条目入口

    相关词:气泡、弹出框

  45. Progress

    组件 · 具体条目入口

    相关词:进度条

  46. Questionnaire

    组件 · 具体条目入口

  47. Radio Group

    组件 · 具体条目入口

    相关词:单选框

  48. Resizable

    组件 · 具体条目入口

  49. Scroll Area

    组件 · 具体条目入口

    相关词:滚动

  50. Select

    组件 · 具体条目入口

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

  51. Separator

    组件 · 具体条目入口

  52. Sheet

    组件 · 具体条目入口

    相关词:抽屉、面板

  53. Sidebar

    组件 · 具体条目入口

    相关词:侧边栏

  54. Skeleton

    组件 · 具体条目入口

    相关词:骨架屏、加载

  55. Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆

  56. Spinner

    组件 · 具体条目入口

    相关词:加载、转圈

  57. Switch

    组件 · 具体条目入口

    相关词:开关

  58. Table

    组件 · 具体条目入口

    相关词:表格、数据表格

  59. Tabs

    组件 · 具体条目入口

    相关词:标签页、选项卡

  60. Textarea

    组件 · 具体条目入口

    相关词:多行输入框

  61. Toast

    组件 · 具体条目入口

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

  62. Toggle

    组件 · 具体条目入口

    相关词:切换、开关

  63. Toggle Group

    组件 · 具体条目入口

    相关词:切换、开关

  64. Tooltip

    组件 · 具体条目入口

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

  65. Typography

    组件 · 具体条目入口

    相关词:排版、字体

  66. Next

    组件 · 具体条目入口

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

  67. Sidebar

    页面区块 · 具体条目入口

    相关词:侧边栏

  68. Login

    页面区块 · 具体条目入口

    相关词:登录、登陆

  69. Signup

    页面区块 · 具体条目入口

    相关词:注册

  70. Documentation

    组件 · 具体条目入口

    相关词:图表

  71. Bar Charts

    页面区块 · 具体条目入口

    相关词:图表、柱状图

  72. Line Charts

    页面区块 · 具体条目入口

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

  73. Pie Charts

    页面区块 · 具体条目入口

    相关词:图表、饼图

  74. Radar Charts

    页面区块 · 具体条目入口

    相关词:图表

  75. Radial Charts

    页面区块 · 具体条目入口

    相关词:图表

  76. Tooltips

    页面区块 · 具体条目入口

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

  77. Authentication

    页面区块 · 具体条目入口

    相关词:登录、注册、认证

  78. Dashboard

    页面区块 · 具体条目入口

    相关词:仪表盘、后台

  79. Alert

    组件 · 具体条目入口

    相关词:警告、提示

  80. Alert Dialog

    组件 · 具体条目入口

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