{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "21st",
    "name": "21st",
    "description": "浏览社区开源 React 组件；组件页分别列出来源、代码与许可。",
    "category": "UI 组件库",
    "tags": [
      "React",
      "按组件协议",
      "提供代码"
    ],
    "url": "https://21st.dev/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/21st/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/21st/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 8589,
    "scope": {
      "status": "公开目录",
      "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://docs.21st.dev/%40shadcn/components/hover-card/user-hover-card",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：浏览社区开源 React 组件；组件页分别列出来源、代码与许可。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 3,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 160,
    "previous": "page-2.json",
    "next": "page-4.json"
  },
  "entries": [
    {
      "id": "a59b3d9956b64d72",
      "title": "Language Kinetic Poster Backgrounds",
      "url": "https://21st.dev/@21st/components/language-kinetic-poster-backgrounds",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "413a1a1bf2dc6d5a",
      "title": "Language Kinetic Poster Cta",
      "url": "https://21st.dev/@21st/components/language-kinetic-poster-cta",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "273dce0b74e8d3e8",
      "title": "Language Kinetic Poster Process",
      "url": "https://21st.dev/@21st/components/language-kinetic-poster-process",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c9389845b6c18ac4",
      "title": "Language Pixel Terminal Backgrounds",
      "url": "https://21st.dev/@21st/components/language-pixel-terminal-backgrounds",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景",
        "终端"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fae37bd189cc1cc7",
      "title": "Launch Intro",
      "url": "https://21st.dev/@21st/components/launch-intro",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6436c2f966bf5342",
      "title": "Led Wall Pullback",
      "url": "https://21st.dev/@21st/components/led-wall-pullback",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b04d7c7082c7d580",
      "title": "Lewitt Line Instructions",
      "url": "https://21st.dev/@21st/components/lewitt-line-instructions",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "caca7dd6de25ba5e",
      "title": "Light Sweep",
      "url": "https://21st.dev/@21st/components/light-sweep",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c3fd6242c0d06ab2",
      "title": "Line Draw",
      "url": "https://21st.dev/@21st/components/line-draw",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d8c6f334e0ddf6aa",
      "title": "Line Spotlight",
      "url": "https://21st.dev/@21st/components/line-spotlight",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3a98957223cbd41e",
      "title": "Line Zoom In",
      "url": "https://21st.dev/@21st/components/line-zoom-in",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4aef43e44fd18b79",
      "title": "Linocut Carve",
      "url": "https://21st.dev/@21st/components/linocut-carve",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d6549ca7e02e341b",
      "title": "Liquid Fill Letters",
      "url": "https://21st.dev/@21st/components/liquid-fill-letters",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f6fd6b95ebbceb6a",
      "title": "Lissajous Lock",
      "url": "https://21st.dev/@21st/components/lissajous-lock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "锁",
        "安全"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6c44cab3af8530c3",
      "title": "Logo Bug",
      "url": "https://21st.dev/@21st/components/logo-bug",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4ef0c939fbabfee2",
      "title": "Logo Cloud Burst",
      "url": "https://21st.dev/@21st/components/logo-cloud-burst",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ccc9c48f3a3e03f",
      "title": "Logo End Card",
      "url": "https://21st.dev/@21st/components/logo-end-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2a936b84ec05bda2",
      "title": "Logo Marquee",
      "url": "https://21st.dev/@21st/components/logo-marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "87056548bfb7d3a1",
      "title": "Logo Point Cloud",
      "url": "https://21st.dev/@21st/components/logo-point-cloud",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9a9a49d194cccbb5",
      "title": "Lower Third",
      "url": "https://21st.dev/@21st/components/lower-third",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5fe9e2b0deba62de",
      "title": "Lp Branch Merge Routing",
      "url": "https://21st.dev/@21st/components/lp-branch-merge-routing",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d13d0a9234186c9",
      "title": "Lp Code Diff Review",
      "url": "https://21st.dev/@21st/components/lp-code-diff-review",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5474dfb736580627",
      "title": "Lp Completion Ladder",
      "url": "https://21st.dev/@21st/components/lp-completion-ladder",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f90ccaeefa492441",
      "title": "Lp Contextual Toolbar Anchor",
      "url": "https://21st.dev/@21st/components/lp-contextual-toolbar-anchor",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dcddb548890842da",
      "title": "Lp Data Chart Comparison",
      "url": "https://21st.dev/@21st/components/lp-data-chart-comparison",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "546a4da1fbfcee07",
      "title": "Lp Desktop Window Orbit",
      "url": "https://21st.dev/@21st/components/lp-desktop-window-orbit",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e8d356af04bcc40c",
      "title": "Lp Device Exploded Ui Layers",
      "url": "https://21st.dev/@21st/components/lp-device-exploded-ui-layers",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c2614de35c50fef4",
      "title": "Lp Device Handoff",
      "url": "https://21st.dev/@21st/components/lp-device-handoff",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e1b3ffc9774b7c1f",
      "title": "Lp Document Page Fan",
      "url": "https://21st.dev/@21st/components/lp-document-page-fan",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5717e01cec1dcd1",
      "title": "Lp Ex Partner Braid",
      "url": "https://21st.dev/@21st/components/lp-ex-partner-braid",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d23f6e6b5170061a",
      "title": "Lp Ex Poster Grid",
      "url": "https://21st.dev/@21st/components/lp-ex-poster-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0147f3860d2797f0",
      "title": "Lp Ex Stroke Mark",
      "url": "https://21st.dev/@21st/components/lp-ex-stroke-mark",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "02388ec6162b595a",
      "title": "Lp Ex Voice Instrument",
      "url": "https://21st.dev/@21st/components/lp-ex-voice-instrument",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dcedabf47660ffd5",
      "title": "Lp Image Variation Matrix",
      "url": "https://21st.dev/@21st/components/lp-image-variation-matrix",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9a1fb900663327cf",
      "title": "Lp Inspector Parameter Edit",
      "url": "https://21st.dev/@21st/components/lp-inspector-parameter-edit",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8b4360c1ac9c26e6",
      "title": "Lp Integration Picker Grid",
      "url": "https://21st.dev/@21st/components/lp-integration-picker-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "005457f038c2e04f",
      "title": "Lp Loupe Inspection",
      "url": "https://21st.dev/@21st/components/lp-loupe-inspection",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f2dec102c33debfd",
      "title": "Lp Model Picker Stack",
      "url": "https://21st.dev/@21st/components/lp-model-picker-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bf2ae3fdb2b666f5",
      "title": "Lp Notification Cascade",
      "url": "https://21st.dev/@21st/components/lp-notification-cascade",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "通知",
        "消息提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ce1e92dde3c4436",
      "title": "Lp Panel Document Export",
      "url": "https://21st.dev/@21st/components/lp-panel-document-export",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "16faebd446b34f96",
      "title": "Lp Parallel Task Fanout",
      "url": "https://21st.dev/@21st/components/lp-parallel-task-fanout",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "59dfdc91b1453995",
      "title": "Lp Phone Notification Capture",
      "url": "https://21st.dev/@21st/components/lp-phone-notification-capture",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "通知",
        "消息提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "71b33ce45387ef7e",
      "title": "Lp Queue Conveyor",
      "url": "https://21st.dev/@21st/components/lp-queue-conveyor",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "164d3845671fb20a",
      "title": "Lp Rank Leaderboard Reveal",
      "url": "https://21st.dev/@21st/components/lp-rank-leaderboard-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "738a7403f9028468",
      "title": "Lp Report Format Carousel",
      "url": "https://21st.dev/@21st/components/lp-report-format-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3a231174e90044b1",
      "title": "Lp Scroll To Highlight",
      "url": "https://21st.dev/@21st/components/lp-scroll-to-highlight",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a961781caf4da7e0",
      "title": "Lp Source Output Mosaic",
      "url": "https://21st.dev/@21st/components/lp-source-output-mosaic",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5d8ea19dbcd9eefe",
      "title": "Lp Terminal Browser Proof",
      "url": "https://21st.dev/@21st/components/lp-terminal-browser-proof",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "终端"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d7e4c36461182b1",
      "title": "Lp Two Window Deep Focus",
      "url": "https://21st.dev/@21st/components/lp-two-window-deep-focus",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5a3f54d29f4657f6",
      "title": "Magnetic Button",
      "url": "https://21st.dev/@21st/components/magnetic-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c0523459c21d5a3b",
      "title": "Magnetic Number Swarm",
      "url": "https://21st.dev/@21st/components/magnetic-number-swarm",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b4ccabe36604b4f4",
      "title": "Marquee Select",
      "url": "https://21st.dev/@21st/components/marquee-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9b9bee86b3eb88fc",
      "title": "Mask Sweep Title",
      "url": "https://21st.dev/@21st/components/mask-sweep-title",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "83a90b8184596aea",
      "title": "Mg Audio Audiogram",
      "url": "https://21st.dev/@21st/components/mg-audio-audiogram",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a697d16d18fc17e5",
      "title": "Mg Audio Chart Climb",
      "url": "https://21st.dev/@21st/components/mg-audio-chart-climb",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8129a8d6949a3982",
      "title": "Mg Audio Cover Reveal",
      "url": "https://21st.dev/@21st/components/mg-audio-cover-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0ef4f80c76d1d981",
      "title": "Mg Audio Guest Intro",
      "url": "https://21st.dev/@21st/components/mg-audio-guest-intro",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "72ea9b98f54e003d",
      "title": "Mg Audio Karaoke",
      "url": "https://21st.dev/@21st/components/mg-audio-karaoke",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a5222111fdad8fe",
      "title": "Mg Audio Listen Everywhere",
      "url": "https://21st.dev/@21st/components/mg-audio-listen-everywhere",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "629d9a139177bedf",
      "title": "Mg Audio On Air",
      "url": "https://21st.dev/@21st/components/mg-audio-on-air",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "715f3d5c1c6aa083",
      "title": "Mg Audio Pull Quote",
      "url": "https://21st.dev/@21st/components/mg-audio-pull-quote",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc7cc24f4277f3e3",
      "title": "Mg Audio Tour Dates",
      "url": "https://21st.dev/@21st/components/mg-audio-tour-dates",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c7ba4a110bdd82ed",
      "title": "Mg Audio Vinyl Drop",
      "url": "https://21st.dev/@21st/components/mg-audio-vinyl-drop",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "821ca55f68a57e56",
      "title": "Mg Ba Checklist",
      "url": "https://21st.dev/@21st/components/mg-ba-checklist",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e13f61bf461b820b",
      "title": "Mg Ba Morph",
      "url": "https://21st.dev/@21st/components/mg-ba-morph",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "44b5a6989580593f",
      "title": "Mg Ba Split",
      "url": "https://21st.dev/@21st/components/mg-ba-split",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0205936fefe51951",
      "title": "Mg Ba Time Bars",
      "url": "https://21st.dev/@21st/components/mg-ba-time-bars",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0ac2a65ac53fa80a",
      "title": "Mg Ba Wipe",
      "url": "https://21st.dev/@21st/components/mg-ba-wipe",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dad361e40fc19933",
      "title": "Mg Beat Cut Grid",
      "url": "https://21st.dev/@21st/components/mg-beat-cut-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "abd3da4dd1359787",
      "title": "Mg Beat Eq Title",
      "url": "https://21st.dev/@21st/components/mg-beat-eq-title",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "30183baaae209990",
      "title": "Mg Beat Waveform",
      "url": "https://21st.dev/@21st/components/mg-beat-waveform",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0a68bf83437240af",
      "title": "Mg Beauty Before After",
      "url": "https://21st.dev/@21st/components/mg-beauty-before-after",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c8c5792e1e88c10a",
      "title": "Mg Beauty Booking",
      "url": "https://21st.dev/@21st/components/mg-beauty-booking",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "74fd8a955942edaa",
      "title": "Mg Beauty Ingredients",
      "url": "https://21st.dev/@21st/components/mg-beauty-ingredients",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6f65695443d0de9a",
      "title": "Mg Beauty Location Cta",
      "url": "https://21st.dev/@21st/components/mg-beauty-location-cta",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "240747e63e02d950",
      "title": "Mg Beauty Price Menu",
      "url": "https://21st.dev/@21st/components/mg-beauty-price-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6900ff0dcbf519ba",
      "title": "Mg Beauty Promo Sticker",
      "url": "https://21st.dev/@21st/components/mg-beauty-promo-sticker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b109593352dd60ea",
      "title": "Mg Beauty Reviews",
      "url": "https://21st.dev/@21st/components/mg-beauty-reviews",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1ffabd6abb01dfbc",
      "title": "Mg Beauty Serum Hero",
      "url": "https://21st.dev/@21st/components/mg-beauty-serum-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@21st/components/mg-beauty-serum-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "b3247a09f95f1962",
      "title": "Mg Beauty Stylist Intro",
      "url": "https://21st.dev/@21st/components/mg-beauty-stylist-intro",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}