{
  "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": 17,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 1280,
    "previous": "page-16.json",
    "next": "page-18.json"
  },
  "entries": [
    {
      "id": "aca54c130213356f",
      "title": "Toast1",
      "url": "https://21st.dev/@bundui/components/toast1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "926a6dd10d637975",
      "title": "Toast10",
      "url": "https://21st.dev/@bundui/components/toast10",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "07c7baff0ad956cc",
      "title": "Toast11",
      "url": "https://21st.dev/@bundui/components/toast11",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1183c92b69ad0e85",
      "title": "Toast2",
      "url": "https://21st.dev/@bundui/components/toast2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "83087084de055db1",
      "title": "Toast3",
      "url": "https://21st.dev/@bundui/components/toast3",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "26f68fdff9096127",
      "title": "Toast6",
      "url": "https://21st.dev/@bundui/components/toast6",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dec5afe23a967a26",
      "title": "Toast7",
      "url": "https://21st.dev/@bundui/components/toast7",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b03ac0a742af51a",
      "title": "Toast8",
      "url": "https://21st.dev/@bundui/components/toast8",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "668f420f0906bbc7",
      "title": "Wavy",
      "url": "https://21st.dev/@bundui/components/wavy",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b218e24399bee7e8",
      "title": "Avatar Group",
      "url": "https://21st.dev/@bysages/components/avatar-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "be2d909745bb37ec",
      "title": "Spinner",
      "url": "https://21st.dev/@bysages/components/spinner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "01bccc95110f6fcf",
      "title": "Switch",
      "url": "https://21st.dev/@bysages/components/switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3814feebaf09d24b",
      "title": "Typography",
      "url": "https://21st.dev/@bysages/components/typography",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "排版",
        "字体"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ae5fc3aac0d92b73",
      "title": "System Theme",
      "url": "https://21st.dev/@campsite/components/system-theme",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dbcdac7c2a2a1b30",
      "title": "Theme Toggle",
      "url": "https://21st.dev/@campsite/components/theme-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "44478f4d6ea9199b",
      "title": "Draggable Widget Grid",
      "url": "https://21st.dev/@carolinaraulino/components/draggable-widget-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5a16730df8c02b4a",
      "title": "Grid Pulse",
      "url": "https://21st.dev/@carolinaraulino/components/grid-pulse",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3ba071f1b86eda92",
      "title": "Reactive Glow Grid",
      "url": "https://21st.dev/@carolinaraulino/components/reactive-glow-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "发光",
        "光晕"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2ef828d37dd0d7d0",
      "title": "Techstack",
      "url": "https://21st.dev/@carolinaraulino/components/techstack",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fccf1b86ed5118a5",
      "title": "Bloom Field Gradient",
      "url": "https://21st.dev/@carstenfson/components/bloom-field-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "40f8016ab44a82bd",
      "title": "Dedsec",
      "url": "https://21st.dev/@cdmorozov/components/dedsec",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "58e7268e4bb46eb8",
      "title": "Dancing Letters",
      "url": "https://21st.dev/@chamaac/components/dancing-letters",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d216032018d6a14",
      "title": "Electric Mist",
      "url": "https://21st.dev/@chamaac/components/electric-mist",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1f0c7f3e9006047b",
      "title": "Gif Text",
      "url": "https://21st.dev/@chamaac/components/gif-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "be23388d52234f0c",
      "title": "Grid Bloom",
      "url": "https://21st.dev/@chamaac/components/grid-bloom",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "82583859470ba099",
      "title": "How It Works",
      "url": "https://21st.dev/@chamaac/components/how-it-works",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1848e9ac640b8af4",
      "title": "Light Speed",
      "url": "https://21st.dev/@chamaac/components/light-speed",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da5a21b6d1daeff7",
      "title": "Nebula",
      "url": "https://21st.dev/@chamaac/components/nebula",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3db4f84cb31f8301",
      "title": "Shimmer Button",
      "url": "https://21st.dev/@chamaac/components/shimmer-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "流光",
        "闪烁"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5cf825a38ddb49c0",
      "title": "Synthesis",
      "url": "https://21st.dev/@chamaac/components/synthesis",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3bed78a489836e56",
      "title": "Text Loop",
      "url": "https://21st.dev/@chamaac/components/text-loop",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cda18009498fb2c9",
      "title": "Water Caustic",
      "url": "https://21st.dev/@chamaac/components/water-caustic",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3697b2d5bed3a613",
      "title": "Waves",
      "url": "https://21st.dev/@chamaac/components/waves",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3c8a8dc14c4c1d7a",
      "title": "Guapdexploration1",
      "url": "https://21st.dev/@chandreyee.style/components/guapdexploration1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1fa02b50be67dcd2",
      "title": "New1",
      "url": "https://21st.dev/@charith1283p/components/new1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b3292ee549df8540",
      "title": "Star Pixel",
      "url": "https://21st.dev/@charl3x/components/star-pixel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "星星",
        "收藏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d8bcccd838709723",
      "title": "Alert",
      "url": "https://21st.dev/@chetanverma16/components/alert",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "警告",
        "提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8fa7d40d67c649ba",
      "title": "Animated Tabs",
      "url": "https://21st.dev/@chetanverma16/components/animated-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "59138100f657667e",
      "title": "Audio Player",
      "url": "https://21st.dev/@chetanverma16/components/audio-player",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d278cd622634f9d",
      "title": "Avatar Group",
      "url": "https://21st.dev/@chetanverma16/components/avatar-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b096030d2e2954f6",
      "title": "Calendar",
      "url": "https://21st.dev/@chetanverma16/components/calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "105c32f697d69b0d",
      "title": "Dropdown Menu",
      "url": "https://21st.dev/@chetanverma16/components/dropdown-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5be912ad6245d881",
      "title": "Floating Action Menu",
      "url": "https://21st.dev/@chetanverma16/components/floating-action-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "43de3504e528c16f",
      "title": "Input With Tags",
      "url": "https://21st.dev/@chetanverma16/components/input-with-tags",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d1815e0cf8ea4dd8",
      "title": "Stacked Cards Interaction",
      "url": "https://21st.dev/@chetanverma16/components/stacked-cards-interaction",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6f2c9133450fc93e",
      "title": "Stacking Navbar",
      "url": "https://21st.dev/@chetanverma16/components/stacking-navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bab994e3c9e217b5",
      "title": "Status Cycle Button",
      "url": "https://21st.dev/@chetanverma16/components/status-cycle-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d58770f502f50a06",
      "title": "Switch",
      "url": "https://21st.dev/@chetanverma16/components/switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d6a667e1861e967",
      "title": "Video Player",
      "url": "https://21st.dev/@chetanverma16/components/video-player",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c5d7b659d4e5570a",
      "title": "Word Loader",
      "url": "https://21st.dev/@chetanverma16/components/word-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "03b9b6d32bcdb688",
      "title": "Ziidstudio",
      "url": "https://21st.dev/@chettrinishal3/components/ziidstudio",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "20234e89bec9b436",
      "title": "Kaaba",
      "url": "https://21st.dev/@chillacollab/components/kaaba",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "26b52ad10ba21c1e",
      "title": "Animated Gradient Button",
      "url": "https://21st.dev/@chowlol202/components/animated-gradient-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9699075a3b19cad6",
      "title": "Globe Hero",
      "url": "https://21st.dev/@chowlol202/components/globe-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@chowlol202/components/globe-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "8a787d08ca1d3427",
      "title": "Grain Gradient Hero Section",
      "url": "https://21st.dev/@chowlol202/components/grain-gradient-hero-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "daf7bad234b00777",
      "title": "Liquid Metal Hero",
      "url": "https://21st.dev/@chowlol202/components/liquid-metal-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@chowlol202/components/liquid-metal-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "42b9727b10fdee50",
      "title": "Modern Timeline",
      "url": "https://21st.dev/@chowlol202/components/modern-timeline",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "45c0e91473e342c1",
      "title": "Onboarding Checklist",
      "url": "https://21st.dev/@chowlol202/components/onboarding-checklist",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "81eec052f5e7ecaa",
      "title": "Animated Hero With Web Gl Glitter",
      "url": "https://21st.dev/@cinquinandy/components/animated-hero-with-web-gl-glitter",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "baddc6a92ede9de7",
      "title": "Lightning Split",
      "url": "https://21st.dev/@cinquinandy/components/lightning-split",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "315152f8857498e0",
      "title": "Iridescent Raymarched Glass Metaballs",
      "url": "https://21st.dev/@cldgayo/components/iridescent-raymarched-glass-metaballs",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a4a163206921d838",
      "title": "Trident",
      "url": "https://21st.dev/@clemd04/components/trident",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2277bcd9f563b964",
      "title": "Color Picker",
      "url": "https://21st.dev/@clementjanssens/components/color-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f05b3f6a59d21e26",
      "title": "Accordion 1",
      "url": "https://21st.dev/@clevision/components/accordion-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f5793de142700e6a",
      "title": "Basic Avatar",
      "url": "https://21st.dev/@clevision/components/basic-avatar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "627a2d6938eaaedf",
      "title": "Breadrcrumb",
      "url": "https://21st.dev/@clevision/components/breadrcrumb",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "74ff1b0f664cae31",
      "title": "Button Group",
      "url": "https://21st.dev/@clevision/components/button-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1313211415d42bad",
      "title": "Buttons",
      "url": "https://21st.dev/@clevision/components/buttons",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f6040dd0897338b",
      "title": "Calendar 1",
      "url": "https://21st.dev/@clevision/components/calendar-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "120d478e851b05c7",
      "title": "Card Studio",
      "url": "https://21st.dev/@clevision/components/card-studio",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bb8a9041fcb33cab",
      "title": "Checkbox 1",
      "url": "https://21st.dev/@clevision/components/checkbox-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b38bb255000d626d",
      "title": "Collapsible 1",
      "url": "https://21st.dev/@clevision/components/collapsible-1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "56e2e49d3863d03f",
      "title": "Combobox",
      "url": "https://21st.dev/@clevision/components/combobox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "组合选择框",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6fd6d62e4d87aa54",
      "title": "Input Otps",
      "url": "https://21st.dev/@clevision/components/input-otps",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c224f8aff32907d4",
      "title": "Radio Group 1",
      "url": "https://21st.dev/@clevision/components/radio-group-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "单选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a1406d482c1e65fd",
      "title": "Switch 1",
      "url": "https://21st.dev/@clevision/components/switch-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a98c7443ab142092",
      "title": "Text Area",
      "url": "https://21st.dev/@clevision/components/text-area",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cb987c76062980f3",
      "title": "Aero Hero 1",
      "url": "https://21st.dev/@cnippet-dev/components/aero-hero-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "专属默认预览与示例实现均为左侧风机照片、右侧标题/按钮的两个等宽栏；源码 md:grid-cols-12 和两列 md:col-span-6。"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "白色内容底色，左栏蓝天与绿色风机照片占据半屏。"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "白色内容底色，左栏蓝天与绿色风机照片占据半屏。"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-18",
        "evidenceUrl": "https://21st.dev/@cnippet-dev/components/aero-hero-1",
        "boundary": "标签对应原站具体 selected demo 的默认桌面预览；没有把静态预览或源码检查当作浏览器交互验收。未判断的标签仍保持未知。"
      }
    },
    {
      "id": "758afd235617b9f5",
      "title": "Aero Hero 3",
      "url": "https://21st.dev/@cnippet-dev/components/aero-hero-3",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@cnippet-dev/components/aero-hero-3",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "33b9efd34c9ec196",
      "title": "Announcement Banner",
      "url": "https://21st.dev/@cnippet-dev/components/announcement-banner",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}