{
  "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": 59,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 4640,
    "previous": "page-58.json",
    "next": "page-60.json"
  },
  "entries": [
    {
      "id": "c58f8d83496bb0e0",
      "title": "Glassmorphism Listen App Block Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/glassmorphism-listen-app-block-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bb7565d188b4beca",
      "title": "Glassmorphism Minimal Metrics Block Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/glassmorphism-minimal-metrics-block-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f62880a29ae4e36d",
      "title": "Glassmorphism Portfolio Block Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/glassmorphism-portfolio-block-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e9f4b4833039ab9c",
      "title": "Glowy Waves Hero Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/glowy-waves-hero-shadcnui",
      "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/@moumensoliman/components/glowy-waves-hero-shadcnui",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "7b3534e5d628589a",
      "title": "Gradient Animation Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/gradient-animation-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b18d93b57723b58",
      "title": "Heart Favorite Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/heart-favorite-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "爱心"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d7d31db666009811",
      "title": "Hero Block Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/hero-block-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b858880f85390aa",
      "title": "Hero Section Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/hero-section-shadcnui",
      "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/@moumensoliman/components/hero-section-shadcnui",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "da648fdebca936bf",
      "title": "Holographic Wall Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/holographic-wall-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b44fc804250068e",
      "title": "Image Slider Card Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/image-slider-card-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "卡片",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b70c94b75e03f6b3",
      "title": "Interactive Logs Table Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/interactive-logs-table-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a8aa6ed0e787c69c",
      "title": "Liquid Cursor",
      "url": "https://21st.dev/@moumensoliman/components/liquid-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a853d528318ea1d1",
      "title": "N8N Workflow Block Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/n8n-workflow-block-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f2a64d67817e1c1",
      "title": "Native Button",
      "url": "https://21st.dev/@moumensoliman/components/native-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5913539a66a4f30d",
      "title": "Scroll Fade Effect",
      "url": "https://21st.dev/@moumensoliman/components/scroll-fade-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "淡入",
        "淡出"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a150f09681d85e4c",
      "title": "Search Expand Nav",
      "url": "https://21st.dev/@moumensoliman/components/search-expand-nav",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "搜索"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f8d9ad54fa37d361",
      "title": "Stocks Dashboard Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/stocks-dashboard-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "仪表盘",
        "后台"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89681af7650eb034",
      "title": "Synced Lyric Captions Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/synced-lyric-captions-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a75a3ff0abb10aad",
      "title": "Team Section Block Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/team-section-block-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "297c5284753ef91f",
      "title": "Unlimited Nested Menu",
      "url": "https://21st.dev/@moumensoliman/components/unlimited-nested-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c9fd513922f31bad",
      "title": "Volume Component Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/volume-component-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "23fdda89096eccbd",
      "title": "Hover Button",
      "url": "https://21st.dev/@mrhyddenn/components/hover-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7a35f8089e5adfe9",
      "title": "Sauce",
      "url": "https://21st.dev/@mrl-sch/components/sauce",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f184dc35efbf1f02",
      "title": "Oval Eggs",
      "url": "https://21st.dev/@mruderman/components/oval-eggs",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "03c1e5f94f23c2ff",
      "title": "Autoworks",
      "url": "https://21st.dev/@mtorres6739/components/autoworks",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bb16ec28b584ad7d",
      "title": "Animated Scan Loader",
      "url": "https://21st.dev/@muhammad-binsalman/components/animated-scan-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "920aa957ba2f4b8d",
      "title": "Boxy App Icons",
      "url": "https://21st.dev/@muhammad-binsalman/components/boxy-app-icons",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3067f726f5d4b8cb",
      "title": "Ethereal Beams Hero",
      "url": "https://21st.dev/@muhammad-binsalman/components/ethereal-beams-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/@muhammad-binsalman/components/ethereal-beams-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "5fc6c00b59981327",
      "title": "Magic Keyboard Component",
      "url": "https://21st.dev/@muhammad-binsalman/components/magic-keyboard-component",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4fba2df0479b0eb9",
      "title": "Quantam Mysh Hero",
      "url": "https://21st.dev/@muhammad-binsalman/components/quantam-mysh-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": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@muhammad-binsalman/components/quantam-mysh-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "d76bcd29484ee989",
      "title": "Rainbow Borders Button",
      "url": "https://21st.dev/@muhammad-binsalman/components/rainbow-borders-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c37c1c7350167890",
      "title": "Shiny Borders Button",
      "url": "https://21st.dev/@muhammad-binsalman/components/shiny-borders-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9bf2585eddedcd9a",
      "title": "Shiny Button",
      "url": "https://21st.dev/@muhammad-binsalman/components/shiny-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2e7fc48de156fc7b",
      "title": "Shiny Button 1",
      "url": "https://21st.dev/@muhammad-binsalman/components/shiny-button-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d198174ab05255c",
      "title": "Spider Verse Glitch Button",
      "url": "https://21st.dev/@muhammad-binsalman/components/spider-verse-glitch-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c9bbfc67672a461e",
      "title": "Star Button",
      "url": "https://21st.dev/@muhammad-binsalman/components/star-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "星星",
        "收藏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "37041d1aea2d8b2a",
      "title": "Stardust Button",
      "url": "https://21st.dev/@muhammad-binsalman/components/stardust-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b34cb4b50ded7ffc",
      "title": "The Blueprint Of Digital Craft",
      "url": "https://21st.dev/@muhammad-binsalman/components/the-blueprint-of-digital-craft",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "baa460953e66bcb8",
      "title": "Vertical Volume Slider With Mute Toggle",
      "url": "https://21st.dev/@muhammad-binsalman/components/vertical-volume-slider-with-mute-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0283a90fc04ccab4",
      "title": "Waitlist Landing Page With Countdown Timer",
      "url": "https://21st.dev/@muhammad-binsalman/components/waitlist-landing-page-with-countdown-timer",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          },
          {
            "id": "input",
            "label": "操作或表单入口",
            "evidence": "已逐条核验对应画面：可填写的操作或表单入口"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@muhammad-binsalman/components/waitlist-landing-page-with-countdown-timer",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "c7a0bb1e738a6cce",
      "title": "Cosmic 404",
      "url": "https://21st.dev/@muhammetbilgin/components/cosmic-404",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b1c2047df6b9858c",
      "title": "Silk Blend Gradient",
      "url": "https://21st.dev/@munozaravenadiego/components/silk-blend-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cd9a7fd135ae83d8",
      "title": "Input",
      "url": "https://21st.dev/@muntasirszn/components/input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5a4adb55695b45a",
      "title": "Button Github",
      "url": "https://21st.dev/@mvp_Subha/components/button-github",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da0737c35a1a9473",
      "title": "Button Hover",
      "url": "https://21st.dev/@mvp_Subha/components/button-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a222811187ba8913",
      "title": "Footer Column",
      "url": "https://21st.dev/@mvp_Subha/components/footer-column",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "76069129eae61766",
      "title": "Loader",
      "url": "https://21st.dev/@mvp_Subha/components/loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "486ca4e741109798",
      "title": "Pulsating Loader",
      "url": "https://21st.dev/@mvp_Subha/components/pulsating-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e33e095231e921b",
      "title": "Terms Conditions",
      "url": "https://21st.dev/@mvp_Subha/components/terms-conditions",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5d3a203f6919059b",
      "title": "Silk Blend Gradient",
      "url": "https://21st.dev/@n03936827/components/silk-blend-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "53f63fdfe91f6c24",
      "title": "Agent Trace",
      "url": "https://21st.dev/@n1m4mz/components/agent-trace",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d9d7b03b83312b53",
      "title": "Import Patchbay",
      "url": "https://21st.dev/@n1m4mz/components/import-patchbay",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "adf743fc1743a3ee",
      "title": "Lookout",
      "url": "https://21st.dev/@n1m4mz/components/lookout",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c970718baccf4b42",
      "title": "Moire Field",
      "url": "https://21st.dev/@n1m4mz/components/moire-field",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d7554396ca3b9ad2",
      "title": "Receipt Pricing",
      "url": "https://21st.dev/@n1m4mz/components/receipt-pricing",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ecf587d5dbfbaa6c",
      "title": "Sonar Grid",
      "url": "https://21st.dev/@n1m4mz/components/sonar-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8eb7090c72a15a27",
      "title": "3D Card",
      "url": "https://21st.dev/@n38693842/components/3d-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "39a3614da0800b09",
      "title": "Animated Card",
      "url": "https://21st.dev/@n38693842/components/animated-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c2a5e48baca4cba0",
      "title": "Download Animation",
      "url": "https://21st.dev/@n38693842/components/download-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ad01c51d57a5cb50",
      "title": "Gallery Animation",
      "url": "https://21st.dev/@n38693842/components/gallery-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "32ec117127ce6ca4",
      "title": "Hero Section 1",
      "url": "https://21st.dev/@n38693842/components/hero-section-1",
      "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/@n38693842/components/hero-section-1",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "4eacf7ec332d7ba2",
      "title": "Loading Animation",
      "url": "https://21st.dev/@n38693842/components/loading-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e87b92747db20cb1",
      "title": "Mac Os Dock",
      "url": "https://21st.dev/@n38693842/components/mac-os-dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fd830974ab28ff0d",
      "title": "Ripple Button",
      "url": "https://21st.dev/@n38693842/components/ripple-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f0f0a5d0f6b6219a",
      "title": "Text Animation",
      "url": "https://21st.dev/@n38693842/components/text-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d55635076ea426ff",
      "title": "Igaming",
      "url": "https://21st.dev/@nahapetyanhk/components/igaming",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3c5381eb11db0509",
      "title": "Igaming Final",
      "url": "https://21st.dev/@nahapetyanhk/components/igaming-final",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7601587b3c625ab8",
      "title": "Space Login",
      "url": "https://21st.dev/@naturaldoc/components/space-login",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "登陆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c4b044fd8181b175",
      "title": "First Place Leaderboard",
      "url": "https://21st.dev/@nayan_radadiya6/components/first-place-leaderboard",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3028d365a3ebf4cf",
      "title": "Timeline Rail",
      "url": "https://21st.dev/@nayan_radadiya6/components/timeline-rail",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "838eab7960d98d72",
      "title": "M Ascii",
      "url": "https://21st.dev/@nblairwalker/components/m-ascii",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a27830eebb5169a0",
      "title": "N Ascii",
      "url": "https://21st.dev/@nblairwalker/components/n-ascii",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "043bf86f6af28175",
      "title": "Nm",
      "url": "https://21st.dev/@nblairwalker/components/nm",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "54c635ab41771049",
      "title": "Apple Hello Effect",
      "url": "https://21st.dev/@ncdai/components/apple-hello-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6f545955f792395f",
      "title": "Chevrons Up Down Icon",
      "url": "https://21st.dev/@ncdai/components/chevrons-up-down-icon",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bcc92e927d7ab68a",
      "title": "Copy Button",
      "url": "https://21st.dev/@ncdai/components/copy-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d1341b8f7fd833d2",
      "title": "Glow Card Grid",
      "url": "https://21st.dev/@ncdai/components/glow-card-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "网格",
        "发光",
        "光晕"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7054959b32b10f67",
      "title": "Hero 01",
      "url": "https://21st.dev/@ncdai/components/hero-01",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@ncdai/components/hero-01",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "d74906fcdd2e5c39",
      "title": "Icon Swap",
      "url": "https://21st.dev/@ncdai/components/icon-swap",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6f339932914ece4e",
      "title": "Mobius Loop Icon",
      "url": "https://21st.dev/@ncdai/components/mobius-loop-icon",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}