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

UI 组件库

21st

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

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

资源与访问条件

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

目录入口

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

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

  1. Background Shapes

    组件 · 具体条目入口

    相关词:背景

  2. Formation

    组件 · 具体条目入口

  3. Geometric Orb

    组件 · 具体条目入口

  4. Gradient Orb

    组件 · 具体条目入口

    相关词:渐变

  5. Infinite Grid

    组件 · 具体条目入口

    相关词:网格

  6. Screenshot Capture

    组件 · 具体条目入口

  7. Voice Dictator

    组件 · 具体条目入口

  8. About Bento

    组件 · 具体条目入口

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

    已核验画面:Bento 功能网格、浅色、鲜明色彩 · 2026-10-14

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

  9. About Section

    组件 · 具体条目入口

  10. About Section 1

    组件 · 具体条目入口

  11. Advanced Stats

    组件 · 具体条目入口

  12. Arrow Cursor

    组件 · 具体条目入口

    相关词:光标、鼠标、指针、箭头

  13. Autoscroll Slider

    组件 · 具体条目入口

    相关词:滑块、滑杆

  14. Button 1

    组件 · 具体条目入口

    相关词:按钮

  15. Button 2

    组件 · 具体条目入口

    相关词:按钮

  16. Button 3

    组件 · 具体条目入口

    相关词:按钮

  17. Button 4

    组件 · 具体条目入口

    相关词:按钮

  18. Button 5

    组件 · 具体条目入口

    相关词:按钮

  19. Button 6

    组件 · 具体条目入口

    相关词:按钮

  20. Button 7

    组件 · 具体条目入口

    相关词:按钮

  21. Button Magnetic

    组件 · 具体条目入口

    相关词:按钮

  22. Buyme Acoffee

    组件 · 具体条目入口

  23. Card Hover 2

    组件 · 具体条目入口

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

  24. Chat Form Dropzone

    组件 · 具体条目入口

    相关词:表单、文件拖放、上传、聊天、对话

  25. Clip Path Image

    组件 · 具体条目入口

    相关词:图片

  26. Clipped Image

    组件 · 具体条目入口

    相关词:图片

  27. Code Block

    组件 · 具体条目入口

  28. Conditiongrid

    组件 · 具体条目入口

  29. Corporate Clippath

    组件 · 具体条目入口

  30. Css Image Stacking

    组件 · 具体条目入口

    相关词:图片

  31. Cursor Follower

    组件 · 具体条目入口

    相关词:光标、鼠标、指针

  32. Cursor Gradient

    组件 · 具体条目入口

    相关词:渐变、光标、鼠标、指针

  33. Customer Experience

    组件 · 具体条目入口

  34. Default Swapy

    组件 · 具体条目入口

  35. Delicate Ascii Dots

    组件 · 具体条目入口

  36. Dot Particles

    组件 · 具体条目入口

    相关词:粒子

  37. Dots Pattern

    组件 · 具体条目入口

  38. Faq Tabbed Explorer

    组件 · 具体条目入口

    相关词:常见问题

  39. Feature Bento

    组件 · 具体条目入口

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

    已核验画面:Bento 功能网格、浅色、鲜明色彩 · 2026-10-14

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

  40. Feature Hero

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:居中首屏、浅色、鲜明色彩 · 2026-10-14

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

  41. Feature Velocity

    组件 · 具体条目入口

  42. Flowing Ribbons Effect

    组件 · 具体条目入口

  43. Framer Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  44. Framer Moveable Thumbnails

    组件 · 具体条目入口

  45. Framer Normal Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  46. Framer Thumbnail Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  47. Framer Thumnbails

    组件 · 具体条目入口

  48. Gallery Modal Accordion

    组件 · 具体条目入口

    相关词:手风琴、折叠面板、弹窗、对话框、模态框、画廊、图片展示

  49. Growth Plans

    组件 · 具体条目入口

  50. Hero Ai Value Proposition

    组件 · 具体条目入口

    相关词:首屏、主视觉、AI、人工智能

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

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

  51. Hero Financial

    组件 · 具体条目入口

    相关词:首屏、主视觉

    已核验画面:居中首屏、浅色、鲜明色彩 · 2026-10-14

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

  52. Hero Scroll Animation

    组件 · 具体条目入口

    相关词:首屏、主视觉、滚动、动画、动效

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

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

  53. Hero Section

    组件 · 具体条目入口

    相关词:首屏、主视觉

  54. Horizontal Scroll

    组件 · 具体条目入口

    相关词:滚动

  55. Image Mask

    组件 · 具体条目入口

    相关词:图片

  56. Image Masking

    组件 · 具体条目入口

    相关词:图片

  57. Image Mousetrail Without Component

    组件 · 具体条目入口

    相关词:图片

  58. Image Reveal

    组件 · 具体条目入口

    相关词:揭示、出现、入场、图片

  59. Imgpreview Dropzone

    组件 · 具体条目入口

    相关词:文件拖放、上传

  60. Impact Experience

    组件 · 具体条目入口

  61. Infinity Brand

    组件 · 具体条目入口

  62. Linear Card

    组件 · 具体条目入口

    相关词:卡片、线性

  63. Liquid Weather Glass

    组件 · 具体条目入口

  64. Mesh Gradient Background2

    组件 · 具体条目入口

    相关词:渐变、背景

  65. Mesh Gradient Background3

    组件 · 具体条目入口

    相关词:渐变、背景

  66. Motion Number

    组件 · 具体条目入口

    相关词:动画、动效

  67. Motion Number Upvotes

    组件 · 具体条目入口

    相关词:动画、动效

  68. Multi Accordion

    组件 · 具体条目入口

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

  69. Number Flow Trading

    组件 · 具体条目入口

  70. Password Input

    组件 · 具体条目入口

    相关词:输入框

  71. Password Input 1

    组件 · 具体条目入口

    相关词:输入框

  72. Password Input 2

    组件 · 具体条目入口

    相关词:输入框

  73. Pricing

    组件 · 具体条目入口

    相关词:定价、价格

  74. Pricing Section

    组件 · 具体条目入口

    相关词:定价、价格

  75. Pricing Section 1

    组件 · 具体条目入口

    相关词:定价、价格

  76. Pricing Section 3

    组件 · 具体条目入口

    相关词:定价、价格

  77. Product Packs

    组件 · 具体条目入口

  78. Progressive Carousel

    组件 · 具体条目入口

    相关词:轮播、轮播图

  79. R3F Blob

    组件 · 具体条目入口

  80. Scroll Animation

    组件 · 具体条目入口

    相关词:滚动、动画、动效