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

UI 组件库

Watermelon UI

可复制的 React 组件、区块与仪表盘，适合快速搭建页面。

进入原站读取本页 JSON

已补充公开案例与类型 · 2026-10-21。已补充可公开读取的具体案例与分类；原站登录、订阅和复制条件单独保留。

已审查的免费匿名读取路径

Watermelon UI

公开组件分类、条目与仓库可用；声明无需认证的 API 仍需单独实测。

UI 组件 · 交互动效 · 页面区块 · 页面模板 · 卡片 · 新手引导 · 管理后台 · 导航菜单 · 表单 · 轮播 · 视觉参考 · 公开代码

有免费匿名入口 · 检查日期 2026-10-20

公开 HTML 分类/条目和官方仓库中的组件内容与源码。

API 文档虽然明确 required:false，但实际条目请求失败，不能称 API 已验证。；未证明网站端全部预览都可文本提取。

访问条件与依据

登录范围：本次未确认额外登录范围

付费范围：本次未确认额外付费范围

历史资源与访问条件

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

目录入口

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

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

  1. Hero Section 21

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  2. Hero Section 22

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  3. Hero Section 23

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  4. Hero Section 24

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  5. Hero Section 25

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  6. Hero Section 26

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  7. Hero Section 27

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  8. Hero Section 28

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  9. Hero Section 29

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  10. Hero Section 30

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  11. Hero Section 3

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  12. Hero Section 31

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  13. Hero Section 32

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  14. Hero Section 33

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  15. Hero Section 34

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  16. Hero Section 35

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  17. Hero Section 36

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  18. Hero Section 37

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  19. Hero Section 38

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  20. Hero Section 39

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  21. Hero Section 4

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  22. Hero Section 40

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  23. Hero Section 41

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  24. Hero Section 42

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  25. Hero Section 43

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  26. Hero Section 5

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  27. Hero Section 6

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  28. Hero Section 7

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  29. Hero Section 8

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  30. Hero Section 9

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  31. Integrations Section 1

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  32. Integrations Section 2

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  33. Integrations Section 3

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  34. Integrations Section 4

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  35. Integrations Section 5

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  36. Navbar 1

    组件 · 具体条目入口 · React

    相关词：导航与菜单、布局与页面区块

    来源说明2026-10-21

  37. Navbar 2

    组件 · 具体条目入口 · React

    相关词：导航与菜单、布局与页面区块

    来源说明2026-10-21

  38. Navbar 3

    组件 · 具体条目入口 · React

    相关词：导航与菜单、布局与页面区块

    来源说明2026-10-21

  39. Navbar 4

    组件 · 具体条目入口 · React

    相关词：导航与菜单、布局与页面区块

    来源说明2026-10-21

  40. Navbar 5

    组件 · 具体条目入口 · React

    相关词：导航与菜单、布局与页面区块

    来源说明2026-10-21

  41. Navbar 6

    组件 · 具体条目入口 · React

    相关词：导航与菜单、布局与页面区块

    来源说明2026-10-21

  42. Navbar 7

    组件 · 具体条目入口 · React

    相关词：导航与菜单、布局与页面区块

    来源说明2026-10-21

  43. Newsletter Section 1

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  44. Newsletter Section 2

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  45. Newsletter Section 3

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  46. Newsletter Section 4

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  47. Newsletter Section 5

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  48. Notification 1

    组件 · 具体条目入口 · React

    相关词：提示与状态、布局与页面区块

    来源说明2026-10-21

  49. Notification 3

    组件 · 具体条目入口 · React

    相关词：提示与状态、布局与页面区块

    来源说明2026-10-21

  50. Notification 2

    组件 · 具体条目入口 · React

    相关词：提示与状态、布局与页面区块

    来源说明2026-10-21

  51. Notification 4

    组件 · 具体条目入口 · React

    相关词：提示与状态、布局与页面区块

    来源说明2026-10-21

  52. Pricing Section 1

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  53. Pricing Section 2

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  54. Pricing Section 3

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  55. Pricing Section 4

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  56. Pricing Section 5

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  57. Stats Section 1

    组件 · 具体条目入口 · React

    相关词：图表与数据、布局与页面区块

    来源说明2026-10-21

  58. Stats Section 2

    组件 · 具体条目入口 · React

    相关词：图表与数据、布局与页面区块

    来源说明2026-10-21

  59. Stats Section 3

    组件 · 具体条目入口 · React

    相关词：图表与数据、布局与页面区块

    来源说明2026-10-21

  60. Stats Section 4

    组件 · 具体条目入口 · React

    相关词：图表与数据、布局与页面区块

    来源说明2026-10-21

  61. Team Section 1

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  62. Team Section 2

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  63. Team Section 3

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  64. Team Section 4

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  65. Team Section 5

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  66. Testimonials Section 1

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  67. Testimonials Section 2

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  68. Testimonials Section 3

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  69. Testimonials Section 4

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  70. Widget 1

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  71. Widget 2

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  72. Widget 3

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  73. Widget 5

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  74. Widget 4

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  75. Widget 6

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  76. Widget 7

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  77. Widget 8

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  78. Widget 9

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  79. Agndex Dashboard

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21

  80. Astrix Dashboard

    组件 · 具体条目入口 · React

    相关词：布局与页面区块

    来源说明2026-10-21