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

UI 组件库

21st

浏览社区开源 React 组件;组件页分别列出来源、代码与许可。

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

资源与访问条件

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

目录入口

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

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

  1. Button Group 09

    组件 · 具体条目入口

    相关词:按钮

  2. Button Save

    组件 · 具体条目入口

    相关词:按钮

  3. Button Witn Icon

    组件 · 具体条目入口

    相关词:按钮、图标

  4. Calendar 01

    组件 · 具体条目入口

    相关词:日历

  5. Calendar 02

    组件 · 具体条目入口

    相关词:日历

  6. Calendar 03

    组件 · 具体条目入口

    相关词:日历

  7. Calendar 04

    组件 · 具体条目入口

    相关词:日历

  8. Calendar 08

    组件 · 具体条目入口

    相关词:日历

  9. Calendar 10

    组件 · 具体条目入口

    相关词:日历

  10. Calendar Range Select

    组件 · 具体条目入口

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

  11. Card 02

    组件 · 具体条目入口

    相关词:卡片

  12. Card 07

    组件 · 具体条目入口

    相关词:卡片

  13. Card 11

    组件 · 具体条目入口

    相关词:卡片

  14. Card 12

    组件 · 具体条目入口

    相关词:卡片

  15. Card 14

    组件 · 具体条目入口

    相关词:卡片

  16. Carousel 02

    组件 · 具体条目入口

    相关词:轮播、轮播图

  17. Carousel 03

    组件 · 具体条目入口

    相关词:轮播、轮播图

  18. Carousel 07

    组件 · 具体条目入口

    相关词:轮播、轮播图

  19. Carousel 08

    组件 · 具体条目入口

    相关词:轮播、轮播图

  20. Chart 02

    组件 · 具体条目入口

    相关词:图表

  21. Checkbox 05

    组件 · 具体条目入口

    相关词:复选框、多选框

  22. Collapsible 01

    组件 · 具体条目入口

  23. Collapsible 05

    组件 · 具体条目入口

  24. Contact 01

    组件 · 具体条目入口

  25. Contemt Tooltip

    组件 · 具体条目入口

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

  26. Cta 01

    组件 · 具体条目入口

  27. Custom Colors

    组件 · 具体条目入口

  28. Default

    组件 · 具体条目入口

  29. Dialog 04

    组件 · 具体条目入口

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

  30. Download 01

    组件 · 具体条目入口

  31. Dropdown Menu 01

    组件 · 具体条目入口

    相关词:菜单、下拉菜单

  32. Dropdown Menu 03

    组件 · 具体条目入口

    相关词:菜单、下拉菜单

  33. Dropdown Menu 04

    组件 · 具体条目入口

    相关词:菜单、下拉菜单

  34. Error Tooltip

    组件 · 具体条目入口

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

  35. Feature 24

    组件 · 具体条目入口

  36. Feedback Textarea

    组件 · 具体条目入口

    相关词:多行输入框

  37. Field 02

    组件 · 具体条目入口

  38. Field 04

    组件 · 具体条目入口

  39. Figma File Button

    组件 · 具体条目入口

    相关词:按钮、文件

  40. File Upload 05

    组件 · 具体条目入口

    相关词:上传、文件上传、文件

  41. Footer 01

    组件 · 具体条目入口

    相关词:页脚

  42. Heartbeat Effect Button

    组件 · 具体条目入口

    相关词:按钮

  43. Hero 01

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:居中首屏、浅色、简洁留白 · 2026-10-14

    标签描述本条参考展示的首屏或区块画面,不代表完整网站的所有页面;组件颜色可能可配置。

  44. Hover Blog Card

    组件 · 具体条目入口

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

  45. Input Group 01

    组件 · 具体条目入口

    相关词:输入框

  46. Input Otp 10

    组件 · 具体条目入口

    相关词:输入框

  47. Integration Card

    组件 · 具体条目入口

    相关词:卡片

  48. Invite Member Card

    组件 · 具体条目入口

    相关词:卡片

  49. Invite Team Card

    组件 · 具体条目入口

    相关词:卡片

  50. Kbd 01

    组件 · 具体条目入口

  51. Kbd 04

    组件 · 具体条目入口

  52. Marquee 01

    组件 · 具体条目入口

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

  53. Marquee 03

    组件 · 具体条目入口

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

  54. Number Ticker 02

    组件 · 具体条目入口

  55. Number Ticker 05

    组件 · 具体条目入口

  56. Number Ticker 06

    组件 · 具体条目入口

  57. Number Ticker 08

    组件 · 具体条目入口

  58. Onboarding Checklist Drawer

    组件 · 具体条目入口

    相关词:抽屉

  59. Orbiting Circles 02

    组件 · 具体条目入口

  60. Outline With Icon

    组件 · 具体条目入口

    相关词:线性图标、描边图标、图标

  61. Pagination 01

    组件 · 具体条目入口

    相关词:分页

  62. Pricing 01

    组件 · 具体条目入口

    相关词:定价、价格

  63. Pricing 02

    组件 · 具体条目入口

    相关词:定价、价格

  64. Product Tour Popover

    组件 · 具体条目入口

    相关词:气泡、弹出框

  65. Progress 02

    组件 · 具体条目入口

    相关词:进度条

  66. Progress 03

    组件 · 具体条目入口

    相关词:进度条

  67. Radio Group Animated

    组件 · 具体条目入口

    相关词:单选框、动画、动效

  68. Radio Group Card Vertical Demo

    组件 · 具体条目入口

    相关词:单选框、卡片

  69. Radio Group Colors Demo

    组件 · 具体条目入口

    相关词:单选框

  70. Radio Group Dashed Demo

    组件 · 具体条目入口

    相关词:单选框

  71. Radio Group With Plan Cards

    组件 · 具体条目入口

    相关词:单选框、卡片

  72. Rating 02

    组件 · 具体条目入口

  73. Required Textarea

    组件 · 具体条目入口

    相关词:多行输入框

  74. Rounded Tooltip

    组件 · 具体条目入口

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

  75. Scroll Area 01

    组件 · 具体条目入口

    相关词:滚动

  76. Select 10

    组件 · 具体条目入口

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

  77. Select 11

    组件 · 具体条目入口

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

  78. Select 12

    组件 · 具体条目入口

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

  79. Shadcn Accordion

    组件 · 具体条目入口

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

  80. Sheet 01

    组件 · 具体条目入口

    相关词:抽屉、面板