{
  "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": 14,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 1040,
    "previous": "page-13.json",
    "next": "page-15.json"
  },
  "entries": [
    {
      "id": "9a525999484f2764",
      "title": "Ab Test Results",
      "url": "https://21st.dev/@astralyxdev/components/ab-test-results",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "51c1b9e587d51101",
      "title": "Anomaly Chart",
      "url": "https://21st.dev/@astralyxdev/components/anomaly-chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f29b6331bae8a61a",
      "title": "Attribution",
      "url": "https://21st.dev/@astralyxdev/components/attribution",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "194cbdc5669c98dc",
      "title": "Budget Guard",
      "url": "https://21st.dev/@astralyxdev/components/budget-guard",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "725d0a203ddfa45a",
      "title": "Cascader",
      "url": "https://21st.dev/@astralyxdev/components/cascader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f5a27ff57c602ffe",
      "title": "Checkout Summary",
      "url": "https://21st.dev/@astralyxdev/components/checkout-summary",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1c3f3899688c6429",
      "title": "Fmt",
      "url": "https://21st.dev/@astralyxdev/components/fmt",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "683098c4f5e8e51e",
      "title": "Health Checks",
      "url": "https://21st.dev/@astralyxdev/components/health-checks",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "222d1c08930c6aa6",
      "title": "Ip Cluster",
      "url": "https://21st.dev/@astralyxdev/components/ip-cluster",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5adb31f712596257",
      "title": "Mask Input",
      "url": "https://21st.dev/@astralyxdev/components/mask-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ea906c824d5d380",
      "title": "Mcp Capability Matrix",
      "url": "https://21st.dev/@astralyxdev/components/mcp-capability-matrix",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e61953d8c914b598",
      "title": "Mcp Elicitation",
      "url": "https://21st.dev/@astralyxdev/components/mcp-elicitation",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cd373a97fa03d5f0",
      "title": "Mcp Resource List",
      "url": "https://21st.dev/@astralyxdev/components/mcp-resource-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "68c784900cffccc3",
      "title": "Mcp Roots",
      "url": "https://21st.dev/@astralyxdev/components/mcp-roots",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0a1cd2acfcb77c70",
      "title": "Migration List",
      "url": "https://21st.dev/@astralyxdev/components/migration-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2933a2f4f47a408a",
      "title": "Note Graph",
      "url": "https://21st.dev/@astralyxdev/components/note-graph",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fffec57e3b53b325",
      "title": "Odds Display",
      "url": "https://21st.dev/@astralyxdev/components/odds-display",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b17df347b3186e78",
      "title": "Prompt Versions",
      "url": "https://21st.dev/@astralyxdev/components/prompt-versions",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "167bea08a3178311",
      "title": "Rate Limit Meter",
      "url": "https://21st.dev/@astralyxdev/components/rate-limit-meter",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e6002aac1024cad",
      "title": "Regex Tester",
      "url": "https://21st.dev/@astralyxdev/components/regex-tester",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "721de785315f1df4",
      "title": "Request Builder",
      "url": "https://21st.dev/@astralyxdev/components/request-builder",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15f58bc3d79897f2",
      "title": "Result",
      "url": "https://21st.dev/@astralyxdev/components/result",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3748caa79cccc5cf",
      "title": "Hero Background",
      "url": "https://21st.dev/@athenasolutionscompany/components/hero-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cb9b0db699d1505a",
      "title": "Icey Night Shards",
      "url": "https://21st.dev/@audriusnek/components/icey-night-shards",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "913d5425ae0004ac",
      "title": "Mt",
      "url": "https://21st.dev/@aumbhusal/components/mt",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fce54ca5b9b7c718",
      "title": "3D Folder",
      "url": "https://21st.dev/@avanishverma4/components/3d-folder",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D",
        "文件夹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "019ba1162ac646f2",
      "title": "3D Tilt Card",
      "url": "https://21st.dev/@avanishverma4/components/3d-tilt-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d3ee08a67560c84",
      "title": "Accordion 2",
      "url": "https://21st.dev/@avanishverma4/components/accordion-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fcd84699eb9f82b7",
      "title": "Animated Loader 1",
      "url": "https://21st.dev/@avanishverma4/components/animated-loader-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "78d98bc3f24876c0",
      "title": "Bento Grid 01",
      "url": "https://21st.dev/@avanishverma4/components/bento-grid-01",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@avanishverma4/components/bento-grid-01",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "1c426848aa1573ed",
      "title": "Button",
      "url": "https://21st.dev/@avanishverma4/components/button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fa0d206255214aeb",
      "title": "Checkbox 02",
      "url": "https://21st.dev/@avanishverma4/components/checkbox-02",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a3fd4d6c3bca5eb9",
      "title": "Combo Box",
      "url": "https://21st.dev/@avanishverma4/components/combo-box",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a295fb88d18d5c1c",
      "title": "Dropdown 01",
      "url": "https://21st.dev/@avanishverma4/components/dropdown-01",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f5341afd3c30fe07",
      "title": "Hover Image Preview",
      "url": "https://21st.dev/@avanishverma4/components/hover-image-preview",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "641d0756215eb12e",
      "title": "Infinite Grid Integration",
      "url": "https://21st.dev/@avanishverma4/components/infinite-grid-integration",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6a19860d5495e258",
      "title": "Parallax Text Scroll",
      "url": "https://21st.dev/@avanishverma4/components/parallax-text-scroll",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9bbbac4f536bdea2",
      "title": "Particle Effect For Hero",
      "url": "https://21st.dev/@avanishverma4/components/particle-effect-for-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/@avanishverma4/components/particle-effect-for-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "d2a88afdcdf27067",
      "title": "Pixel Hover Effect",
      "url": "https://21st.dev/@avanishverma4/components/pixel-hover-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a75278caf306ebc5",
      "title": "Testimonial V2",
      "url": "https://21st.dev/@avanishverma4/components/testimonial-v2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1864fc84cfe70cee",
      "title": "Thumbnail Carousel",
      "url": "https://21st.dev/@avanishverma4/components/thumbnail-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2062a16c363ebe3e",
      "title": "Focuznow Hero",
      "url": "https://21st.dev/@avansiva4/components/focuznow-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@avansiva4/components/focuznow-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "b05a6cd05fb89159",
      "title": "Locked Matrix",
      "url": "https://21st.dev/@awp.richardson/components/locked-matrix",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5287258c20aabaf3",
      "title": "Animated Theme Toggle",
      "url": "https://21st.dev/@axai-kaizoku/components/animated-theme-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6918babf227690ab",
      "title": "Plastic Button",
      "url": "https://21st.dev/@axelwesselgren/components/plastic-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca5deb6b43b7989f",
      "title": "Sign Up Form",
      "url": "https://21st.dev/@axelwesselgren/components/sign-up-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单",
        "注册"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9994d2e7e8c07028",
      "title": "Blog Posts",
      "url": "https://21st.dev/@aymanch-03/components/blog-posts",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9674852053ca68b5",
      "title": "Pricing Section",
      "url": "https://21st.dev/@aymanch-03/components/pricing-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48650c9aa40fb68b",
      "title": "Pricing Tab",
      "url": "https://21st.dev/@aymanch-03/components/pricing-tab",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3a1d9fef510a0f3",
      "title": "User Dropdown",
      "url": "https://21st.dev/@aymanch-03/components/user-dropdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单",
        "用户"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0128eaa112c76b22",
      "title": "Ayoub Hero",
      "url": "https://21st.dev/@ayoubmorsli2001/components/ayoub-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@ayoubmorsli2001/components/ayoub-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "8c9c3196c2bd4aca",
      "title": "Erwsd",
      "url": "https://21st.dev/@ayoubmorsli2001/components/erwsd",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8be37fa0c55fe248",
      "title": "3D Flip Card",
      "url": "https://21st.dev/@ayushmxxn/components/3d-flip-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "翻转",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "99ba44fd0bcd778c",
      "title": "Code Block",
      "url": "https://21st.dev/@ayushmxxn/components/code-block",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ead6d6fecdc5233",
      "title": "Feature Section",
      "url": "https://21st.dev/@ayushmxxn/components/feature-section",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8812b684ef395862",
      "title": "Flame Button",
      "url": "https://21st.dev/@ayushmxxn/components/flame-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4f483e10bf4b6b58",
      "title": "Image Fan Carousel",
      "url": "https://21st.dev/@ayushmxxn/components/image-fan-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2a72ab78eabe9a00",
      "title": "Image Stack Carousel",
      "url": "https://21st.dev/@ayushmxxn/components/image-stack-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ac13b3e94a41c0e4",
      "title": "Masonry Lightbox",
      "url": "https://21st.dev/@ayushmxxn/components/masonry-lightbox",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "24c7daed8d65d72a",
      "title": "Mechanical Keyboard",
      "url": "https://21st.dev/@ayushmxxn/components/mechanical-keyboard",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5bf7b55a502e6fd",
      "title": "Newsletter",
      "url": "https://21st.dev/@ayushmxxn/components/newsletter",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f3537387b0a0ed3",
      "title": "Star Rating",
      "url": "https://21st.dev/@ayushmxxn/components/star-rating",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "星星",
        "收藏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f81260e3b5792c34",
      "title": "Tech Stack",
      "url": "https://21st.dev/@ayushmxxn/components/tech-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "414ac477a8e4ca00",
      "title": "Testimonials",
      "url": "https://21st.dev/@ayushmxxn/components/testimonials",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eb62e1fc1986fcd7",
      "title": "Theme Toggle",
      "url": "https://21st.dev/@ayushmxxn/components/theme-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "51b0e583b18e0266",
      "title": "Thumbnail Carousel",
      "url": "https://21st.dev/@ayushmxxn/components/thumbnail-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "351ca8cd07e063bf",
      "title": "Toast 1",
      "url": "https://21st.dev/@ayushmxxn/components/toast-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1fdf373aa4556279",
      "title": "Tubelight Navbar",
      "url": "https://21st.dev/@ayushmxxn/components/tubelight-navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "404efb637e8d6ab3",
      "title": "Type Testimonial",
      "url": "https://21st.dev/@ayushmxxn/components/type-testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a044799dab90366a",
      "title": "Vintage Keyboard",
      "url": "https://21st.dev/@ayushmxxn/components/vintage-keyboard",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4dd29d070d1affb1",
      "title": "Voice Testimonial",
      "url": "https://21st.dev/@ayushmxxn/components/voice-testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "57e3562e6e14a3dc",
      "title": "Waitlist",
      "url": "https://21st.dev/@ayushmxxn/components/waitlist",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "175423436f5f3edc",
      "title": "Blue Waves",
      "url": "https://21st.dev/@azharalishan43/components/blue-waves",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "921527ba33bfc196",
      "title": "Xd",
      "url": "https://21st.dev/@azier7172/components/xd",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e0a97cbbf8e67c67",
      "title": "Magifying Glass",
      "url": "https://21st.dev/@b.vs.khutwad/components/magifying-glass",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca3721a82c1a876e",
      "title": "3D Wrapper",
      "url": "https://21st.dev/@badtzx0/components/3d-wrapper",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "770b44f01a56d149",
      "title": "Animated Card",
      "url": "https://21st.dev/@badtzx0/components/animated-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "33e1b86bea5f290c",
      "title": "Animated Card Chart",
      "url": "https://21st.dev/@badtzx0/components/animated-card-chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表",
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c881518c73d47f9d",
      "title": "Animated Card Diagram",
      "url": "https://21st.dev/@badtzx0/components/animated-card-diagram",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ad67a475046b8113",
      "title": "Animated Keyboard",
      "url": "https://21st.dev/@badtzx0/components/animated-keyboard",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}