{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "watermelon",
    "name": "Watermelon UI",
    "description": "可复制的 React 组件、区块与仪表盘，适合快速搭建页面。",
    "category": "UI 组件库",
    "tags": [
      "React",
      "MIT",
      "提供代码"
    ],
    "url": "https://ui.watermelon.sh/home",
    "directoryUrl": "https://www.uipicks.top/ai/sites/watermelon/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/watermelon/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 209,
    "scope": {
      "status": "公开目录",
      "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的公开组件源码",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "free"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://github.com/WatermelonCorp/watermelon-platform/blob/main/LICENSE",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：可复制的 React 组件、区块与仪表盘，适合快速搭建页面。"
          },
          {
            "kind": "saved",
            "url": "https://github.com/WatermelonCorp/watermelon-platform",
            "date": "2026-10-13",
            "note": "已收录的公开仓库源码；此费用标注仅覆盖该源码范围。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 3,
    "pageSize": 80,
    "totalEntries": 209,
    "totalPages": 3,
    "offset": 160,
    "previous": "page-2.json",
    "next": null
  },
  "entries": [
    {
      "id": "b25c531624ef2608",
      "title": "Swap Form",
      "url": "https://ui.watermelon.sh/animated-components/swap-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f1f623a4389edaa6",
      "title": "Switch Disclosure",
      "url": "https://ui.watermelon.sh/animated-components/switch-disclosure",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9610dc194543e6d1",
      "title": "Switch Mode",
      "url": "https://ui.watermelon.sh/animated-components/switch-mode",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "41568cf6882a4599",
      "title": "Tags",
      "url": "https://ui.watermelon.sh/animated-components/tags",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b1571a1d6e4311f2",
      "title": "Task Widget Disclosure",
      "url": "https://ui.watermelon.sh/animated-components/task-widget-disclosure",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1954741597d788e8",
      "title": "Time Undo Action",
      "url": "https://ui.watermelon.sh/animated-components/time-undo-action",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "138c3e3d120bd60d",
      "title": "Tooltip Navbar",
      "url": "https://ui.watermelon.sh/animated-components/tooltip-navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fd27863f67101d58",
      "title": "Trade Summary",
      "url": "https://ui.watermelon.sh/animated-components/trade-summary",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "220ce863cb1940aa",
      "title": "Transaction List",
      "url": "https://ui.watermelon.sh/animated-components/transaction-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d083fec941bd839",
      "title": "Tree Menu",
      "url": "https://ui.watermelon.sh/animated-components/tree-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "树形列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ac6c2a7c38f79b90",
      "title": "Uniswap Dialog",
      "url": "https://ui.watermelon.sh/animated-components/uniswap-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c4445048f52b8421",
      "title": "Vertical Tooltip Navbar",
      "url": "https://ui.watermelon.sh/animated-components/vertical-tooltip-navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6170d2a3861a0bc4",
      "title": "On Map",
      "url": "https://ui.watermelon.sh/animated-components/view-on-map",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "地图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f2de2d9c6db1bfa",
      "title": "Voice Chat Disclosure",
      "url": "https://ui.watermelon.sh/animated-components/voice-chat-disclosure",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "16a1d162ecf8a298",
      "title": "Voice Note",
      "url": "https://ui.watermelon.sh/animated-components/voice-note",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d81a9c6355f257d6",
      "title": "Voice Transcribe",
      "url": "https://ui.watermelon.sh/animated-components/voice-transcribe",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a3e17018e078dcd4",
      "title": "Waveform Scrub",
      "url": "https://ui.watermelon.sh/animated-components/waveform-scrub",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "115f79b77fd9baa0",
      "title": "Weight Widget",
      "url": "https://ui.watermelon.sh/animated-components/weight-widget",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d561bb237af7fecd",
      "title": "Wiggling Cards",
      "url": "https://ui.watermelon.sh/animated-components/wiggling-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6e0d785cf66efb87",
      "title": "Accordion",
      "url": "https://ui.watermelon.sh/components/accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "10cee031effbbda5",
      "title": "Alerts",
      "url": "https://ui.watermelon.sh/components/alerts",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "68c1f69d5be573fe",
      "title": "Avatar",
      "url": "https://ui.watermelon.sh/components/avatar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "39e799abee3c7394",
      "title": "Badge",
      "url": "https://ui.watermelon.sh/components/badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e97a56a3e44e55d2",
      "title": "Breadcrumb",
      "url": "https://ui.watermelon.sh/components/breadcrumb",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "面包屑"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4046ee10e2201bfa",
      "title": "Button",
      "url": "https://ui.watermelon.sh/components/button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6c575435b28e39be",
      "title": "Button Group",
      "url": "https://ui.watermelon.sh/components/button-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a1175d57347fa94f",
      "title": "Calendar",
      "url": "https://ui.watermelon.sh/components/calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d909f27b8926c2a2",
      "title": "Card",
      "url": "https://ui.watermelon.sh/components/card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d2fad45c310c0a07",
      "title": "Checkbox",
      "url": "https://ui.watermelon.sh/components/checkbox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6cd86ef446fbbcfc",
      "title": "Collapsible",
      "url": "https://ui.watermelon.sh/components/collapsible",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "496ff96178d32c18",
      "title": "Combobox",
      "url": "https://ui.watermelon.sh/components/combobox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "组合选择框",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "764ad95e5ecee9b4",
      "title": "Data Table",
      "url": "https://ui.watermelon.sh/components/data-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1ff08f4346e6fdcb",
      "title": "Date Picker",
      "url": "https://ui.watermelon.sh/components/date-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日期选择器"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1191d52edfdcadcf",
      "title": "Dialog",
      "url": "https://ui.watermelon.sh/components/dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2fc485e6f85a9736",
      "title": "Dropdown Menu",
      "url": "https://ui.watermelon.sh/components/dropdown-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4521e6b8bbf6bba8",
      "title": "Form",
      "url": "https://ui.watermelon.sh/components/form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f17e7774accd8010",
      "title": "Input Mask",
      "url": "https://ui.watermelon.sh/components/input-mask",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "372a1e8247f31a07",
      "title": "Input Otp",
      "url": "https://ui.watermelon.sh/components/input-otp",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e6ad071b31ee1c1",
      "title": "Pagination",
      "url": "https://ui.watermelon.sh/components/pagination",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "分页"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "82d0ad7cc91bb272",
      "title": "Popover",
      "url": "https://ui.watermelon.sh/components/popover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "气泡",
        "弹出框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "34d5986c9ced650f",
      "title": "Radio Group",
      "url": "https://ui.watermelon.sh/components/radio-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "单选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "125cb531e4f34125",
      "title": "Select",
      "url": "https://ui.watermelon.sh/components/select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a0627966057e5bab",
      "title": "Sheet",
      "url": "https://ui.watermelon.sh/components/sheet",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f8ac54938237126b",
      "title": "Sonner",
      "url": "https://ui.watermelon.sh/components/sonner",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f814134d95ca73b",
      "title": "Switch",
      "url": "https://ui.watermelon.sh/components/switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "26bb70ef7498ce53",
      "title": "Table",
      "url": "https://ui.watermelon.sh/components/table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cdf93a1fcd38cec7",
      "title": "Tabs",
      "url": "https://ui.watermelon.sh/components/tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b9f8ae6deee7e521",
      "title": "Textarea",
      "url": "https://ui.watermelon.sh/components/textarea",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "多行输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1259a0de36241ce5",
      "title": "Tooltip",
      "url": "https://ui.watermelon.sh/components/tooltip",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://ui.watermelon.sh/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}