UI 组件库

Watermelon UI

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

进入原站读取本页 JSON

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

资源与访问条件

已收录的公开组件源码
Web · 组件代码 · React / Next.js · 有免费资源
- saved · 2026-10-13：已收录的官网用途说明与标签：可复制的 React 组件、区块与仪表盘，适合快速搭建页面。
- saved · 2026-10-13：已收录的公开仓库源码；此费用标注仅覆盖该源码范围。

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

目录入口

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

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

Animated Accordion Components
类目 · 集合或类目入口，非独立案例
相关词：手风琴、折叠面板、动画、动效
官网站点地图2026-10-13
Animated Action Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效
官网站点地图2026-10-13
Animated Button Components
类目 · 集合或类目入口，非独立案例
相关词：按钮、动画、动效
官网站点地图2026-10-13
Animated Card Components
类目 · 集合或类目入口，非独立案例
相关词：卡片、动画、动效
官网站点地图2026-10-13
Animated Carousel Components
类目 · 集合或类目入口，非独立案例
相关词：轮播、轮播图、动画、动效
官网站点地图2026-10-13
Animated Chip Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效
官网站点地图2026-10-13
Animated Dialog Components
类目 · 集合或类目入口，非独立案例
相关词：弹窗、对话框、模态框、动画、动效
官网站点地图2026-10-13
Animated Disclosure Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效
官网站点地图2026-10-13
Animated Dropdown Components
类目 · 集合或类目入口，非独立案例
相关词：下拉菜单、动画、动效
官网站点地图2026-10-13
Animated Filter Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效
官网站点地图2026-10-13
Animated Input Components
类目 · 集合或类目入口，非独立案例
相关词：输入框、动画、动效
官网站点地图2026-10-13
Animated Interaction Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效、交互
官网站点地图2026-10-13
Animated List Components
类目 · 集合或类目入口，非独立案例
相关词：列表、动画、动效
官网站点地图2026-10-13
Animated Map Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效、地图
官网站点地图2026-10-13
Animated Marketing Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效
官网站点地图2026-10-13
Animated Media Player Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效
官网站点地图2026-10-13
Animated Micro-Interaction Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效、交互
官网站点地图2026-10-13
Animated Navigation Components
类目 · 集合或类目入口，非独立案例
相关词：导航、动画、动效
官网站点地图2026-10-13
Animated Pagination Components
类目 · 集合或类目入口，非独立案例
相关词：分页、动画、动效
官网站点地图2026-10-13
Animated Popover Components
类目 · 集合或类目入口，非独立案例
相关词：气泡、弹出框、动画、动效
官网站点地图2026-10-13
Animated Scheduler Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效
官网站点地图2026-10-13
Animated Slider Components
类目 · 集合或类目入口，非独立案例
相关词：滑块、滑杆、动画、动效
官网站点地图2026-10-13
Animated Tabs Components
类目 · 集合或类目入口，非独立案例
相关词：标签页、选项卡、动画、动效
官网站点地图2026-10-13
Animated Toggle Components
类目 · 集合或类目入口，非独立案例
相关词：切换、开关、动画、动效
官网站点地图2026-10-13
Animated Tooltip Components
类目 · 集合或类目入口，非独立案例
相关词：提示、气泡、工具提示、动画、动效
官网站点地图2026-10-13
Animated Widget Components
类目 · 集合或类目入口，非独立案例
相关词：动画、动效
官网站点地图2026-10-13
React Announcement Bar Blocks
页面区块 · 具体条目入口
相关词：柱状图
官网站点地图2026-10-13
React Login Page Blocks
页面区块 · 具体条目入口
相关词：登录、登陆、注册、认证
官网站点地图2026-10-13
React Bento Grid Blocks
页面区块 · 具体条目入口
相关词：模块化布局、格子、卡片、网格
官网站点地图2026-10-13
React Blog Section Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
React Careers Section Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
React Contact Form Blocks
页面区块 · 具体条目入口
相关词：表单
官网站点地图2026-10-13
React CTA Section Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
React 404 Page Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
React FAQ Section Blocks
页面区块 · 具体条目入口
相关词：常见问题
官网站点地图2026-10-13
React Features Section Blocks
页面区块 · 具体条目入口
相关词：功能区
官网站点地图2026-10-13
React File Upload Blocks
页面区块 · 具体条目入口
相关词：上传、文件上传、文件
官网站点地图2026-10-13
React Footer Blocks
页面区块 · 具体条目入口
相关词：页脚
官网站点地图2026-10-13
React Hero Section Blocks
页面区块 · 具体条目入口
相关词：首屏、主视觉
官网站点地图2026-10-13
React Integrations Section Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
React Navbar Blocks
页面区块 · 具体条目入口
相关词：导航、导航栏
官网站点地图2026-10-13
React Newsletter Section Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
React Notification Blocks
页面区块 · 具体条目入口
相关词：通知、消息提示
官网站点地图2026-10-13
React Pricing Section Blocks
页面区块 · 具体条目入口
相关词：定价、价格
官网站点地图2026-10-13
React Stats Section Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
React Team Section Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
React Testimonials Section Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
React Widget Blocks
页面区块 · 具体条目入口
官网站点地图2026-10-13
Aave Swap Component
组件 · 具体条目入口
官网站点地图2026-10-13
Activities Card
组件 · 具体条目入口
相关词：卡片
官网站点地图2026-10-13
Adaptive Slider
组件 · 具体条目入口
相关词：滑块、滑杆
官网站点地图2026-10-13
Add Cash Disclosure
组件 · 具体条目入口
官网站点地图2026-10-13
Budget Card
组件 · 具体条目入口
相关词：卡片
官网站点地图2026-10-13
Calendar Widget
组件 · 具体条目入口
相关词：日历
官网站点地图2026-10-13
Card Cue
组件 · 具体条目入口
相关词：卡片
官网站点地图2026-10-13
Card Split Accordian
组件 · 具体条目入口
相关词：卡片
官网站点地图2026-10-13
Card Swipe
组件 · 具体条目入口
相关词：卡片、滑动、手势
官网站点地图2026-10-13
Carousel Navigator
组件 · 具体条目入口
相关词：轮播、轮播图
官网站点地图2026-10-13
Carousel Slider
组件 · 具体条目入口
相关词：轮播、轮播图、滑块、滑杆
官网站点地图2026-10-13
Changeable Pricing Section
组件 · 具体条目入口
相关词：定价、价格
官网站点地图2026-10-13
Collection Grid Disclosure
组件 · 具体条目入口
相关词：网格
官网站点地图2026-10-13
Command Search
组件 · 具体条目入口
相关词：搜索、命令、命令面板
官网站点地图2026-10-13
Compose Email Card
组件 · 具体条目入口
相关词：卡片
官网站点地图2026-10-13
Contextual Ai Bar
组件 · 具体条目入口
相关词：柱状图、AI、人工智能
官网站点地图2026-10-13
Continuous Pagination
组件 · 具体条目入口
相关词：分页
官网站点地图2026-10-13
Continuous Tabs
组件 · 具体条目入口
相关词：标签页、选项卡
官网站点地图2026-10-13
Copy Confirm
组件 · 具体条目入口
官网站点地图2026-10-13
Create Community
组件 · 具体条目入口
官网站点地图2026-10-13
Create New Disclosure
组件 · 具体条目入口
官网站点地图2026-10-13
Credit Usage Card
组件 · 具体条目入口
相关词：卡片
官网站点地图2026-10-13
Deployment Card
组件 · 具体条目入口
相关词：卡片
官网站点地图2026-10-13
Dialog Stack
组件 · 具体条目入口
相关词：弹窗、对话框、模态框
官网站点地图2026-10-13
Discrete Tabs
组件 · 具体条目入口
相关词：标签页、选项卡
官网站点地图2026-10-13
Dock
组件 · 具体条目入口
相关词：程序坞、导航
官网站点地图2026-10-13
Draw Signature
组件 · 具体条目入口
官网站点地图2026-10-13
Dropdown Disclosure
组件 · 具体条目入口
相关词：下拉菜单
官网站点地图2026-10-13
Edit Badge
组件 · 具体条目入口
相关词：徽章、状态标签
官网站点地图2026-10-13
Edit Profile
组件 · 具体条目入口
官网站点地图2026-10-13
Editable Chip
组件 · 具体条目入口
官网站点地图2026-10-13
Emoji Spree Choice Chips
组件 · 具体条目入口
官网站点地图2026-10-13