{
  "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": 53,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 4160,
    "previous": "page-52.json",
    "next": "page-54.json"
  },
  "entries": [
    {
      "id": "a4e924a1af9bcb28",
      "title": "Processing Card",
      "url": "https://21st.dev/@lyanchouss/components/processing-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "207557bd56827907",
      "title": "Spinner Morph",
      "url": "https://21st.dev/@lyanchouss/components/spinner-morph",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c89aadee65ff2e51",
      "title": "Spinning Sphere",
      "url": "https://21st.dev/@lyanchouss/components/spinning-sphere",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "553394ee08898c40",
      "title": "Theme Switch",
      "url": "https://21st.dev/@lyanchouss/components/theme-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "251d0240f51044d0",
      "title": "Image Cursor Trail",
      "url": "https://21st.dev/@m.umairwaheedansari/components/image-cursor-trail",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "13f5de92d8105db8",
      "title": "Landing Page",
      "url": "https://21st.dev/@m.umairwaheedansari/components/landing-page",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@m.umairwaheedansari/components/landing-page",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "aa40f81e477068ef",
      "title": "Like Button",
      "url": "https://21st.dev/@m.umairwaheedansari/components/like-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "90d154df3d9f0a07",
      "title": "Particles Bg",
      "url": "https://21st.dev/@m.umairwaheedansari/components/particles-bg",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc1b1495b3393f7c",
      "title": "Send Button",
      "url": "https://21st.dev/@m.umairwaheedansari/components/send-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ea3ab6546b3851f",
      "title": "Siri Orb",
      "url": "https://21st.dev/@m.umairwaheedansari/components/siri-orb",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5d1b7c750f1f6160",
      "title": "Star Button",
      "url": "https://21st.dev/@m.umairwaheedansari/components/star-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "星星",
        "收藏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4fa18ff91b310be9",
      "title": "Tags Select",
      "url": "https://21st.dev/@m.umairwaheedansari/components/tags-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "66ebe5eb704c5661",
      "title": "Tunnel Hero",
      "url": "https://21st.dev/@m.umairwaheedansari/components/tunnel-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/@m.umairwaheedansari/components/tunnel-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "7f26dc9a6117cc2d",
      "title": "Bloom Field Gradient",
      "url": "https://21st.dev/@m2vipin/components/bloom-field-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f61b9c563186e085",
      "title": "Dark Mode",
      "url": "https://21st.dev/@madichettyvishnu/components/dark-mode",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15351347ececf396",
      "title": "Light Mode",
      "url": "https://21st.dev/@madichettyvishnu/components/light-mode",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5037a12ea358b91a",
      "title": "Seve",
      "url": "https://21st.dev/@makif.gozum/components/seve",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c6cf13847ad12c83",
      "title": "Builders Community Hero",
      "url": "https://21st.dev/@makviesainte/components/builders-community-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/@makviesainte/components/builders-community-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "6be5d1b8defec894",
      "title": "Contributors Section",
      "url": "https://21st.dev/@makviesainte/components/contributors-section",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1b925c3a66e3f7ba",
      "title": "Country Accordion",
      "url": "https://21st.dev/@makviesainte/components/country-accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b38809045d1fd41f",
      "title": "Hover Brand Logo",
      "url": "https://21st.dev/@makviesainte/components/hover-brand-logo",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1e0c3d9f49bb0efb",
      "title": "Progress Metric Card",
      "url": "https://21st.dev/@makviesainte/components/progress-metric-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "进度条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15cde8ff1caa13e6",
      "title": "Team Showcase",
      "url": "https://21st.dev/@makviesainte/components/team-showcase",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8cb9e3187a97b576",
      "title": "Silk Shader",
      "url": "https://21st.dev/@malo_cc910e0f/components/silk-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f151272c51355144",
      "title": "Metaballs Shader",
      "url": "https://21st.dev/@mamillecarlos/components/metaballs-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d93d4f3d79ede89e",
      "title": "Shader Teal",
      "url": "https://21st.dev/@mamillecarlos/components/shader-teal",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8184703b927aa503",
      "title": "Liquid Glass",
      "url": "https://21st.dev/@manfromexistence/components/liquid-glass",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7a65d16ad0a9f2a2",
      "title": "3D Card Effect",
      "url": "https://21st.dev/@manuarora700/components/3d-card-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "12909184ecd48557",
      "title": "3D Globe",
      "url": "https://21st.dev/@manuarora700/components/3d-globe",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e38e5a5c7a14a3ca",
      "title": "3D Marquee",
      "url": "https://21st.dev/@manuarora700/components/3d-marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f799a45792ada9a5",
      "title": "Animated Modal",
      "url": "https://21st.dev/@manuarora700/components/animated-modal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4497ea870414a539",
      "title": "Animated Testimonials",
      "url": "https://21st.dev/@manuarora700/components/animated-testimonials",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3fb1c2329d96867b",
      "title": "Animated Tooltip",
      "url": "https://21st.dev/@manuarora700/components/animated-tooltip",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "00360d700673a111",
      "title": "Aurora Background",
      "url": "https://21st.dev/@manuarora700/components/aurora-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "744e6c5f34ce2cf5",
      "title": "Background Beams",
      "url": "https://21st.dev/@manuarora700/components/background-beams",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ddda4d85d0e03b2b",
      "title": "Background Beams With Collision",
      "url": "https://21st.dev/@manuarora700/components/background-beams-with-collision",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "340a2cf322c9933e",
      "title": "Background Boxes",
      "url": "https://21st.dev/@manuarora700/components/background-boxes",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "05c004b1abaa59c1",
      "title": "Background Gradient",
      "url": "https://21st.dev/@manuarora700/components/background-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "560334e838631c8d",
      "title": "Background Gradient Animation",
      "url": "https://21st.dev/@manuarora700/components/background-gradient-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "背景",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "138b66ae07b91ebe",
      "title": "Background Ripple Effect",
      "url": "https://21st.dev/@manuarora700/components/background-ripple-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景",
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "501c1759e640218f",
      "title": "Badge",
      "url": "https://21st.dev/@manuarora700/components/badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b178b83b8e8aebc",
      "title": "Bento Grid",
      "url": "https://21st.dev/@manuarora700/components/bento-grid",
      "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": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@manuarora700/components/bento-grid",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "3bf5bee2f5510e25",
      "title": "Canvas Reveal Effect",
      "url": "https://21st.dev/@manuarora700/components/canvas-reveal-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "efa4873b272e7899",
      "title": "Canvas Text",
      "url": "https://21st.dev/@manuarora700/components/canvas-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "84e3da958752ec50",
      "title": "Card Spotlight",
      "url": "https://21st.dev/@manuarora700/components/card-spotlight",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8172bfbf292e1655",
      "title": "Card Stack",
      "url": "https://21st.dev/@manuarora700/components/card-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f67016f4d471c73a",
      "title": "Carousel",
      "url": "https://21st.dev/@manuarora700/components/carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "38d1017eece60d61",
      "title": "Cloud Shader",
      "url": "https://21st.dev/@manuarora700/components/cloud-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7268656f63ea75d4",
      "title": "Code Block",
      "url": "https://21st.dev/@manuarora700/components/code-block",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4ba591df801209a8",
      "title": "Colourful Text",
      "url": "https://21st.dev/@manuarora700/components/colourful-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6f20a50998d91c36",
      "title": "Compare",
      "url": "https://21st.dev/@manuarora700/components/compare",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a26ed85ad645dfa1",
      "title": "Container Scroll Animation",
      "url": "https://21st.dev/@manuarora700/components/container-scroll-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1ad031cd043ade47",
      "title": "Container Text Flip",
      "url": "https://21st.dev/@manuarora700/components/container-text-flip",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e31c6d322bce102e",
      "title": "Cover",
      "url": "https://21st.dev/@manuarora700/components/cover",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ec1ed2885eaed246",
      "title": "Diagram Card",
      "url": "https://21st.dev/@manuarora700/components/diagram-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ddda871e5259acad",
      "title": "Direction Aware Hover",
      "url": "https://21st.dev/@manuarora700/components/direction-aware-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5be7ac7b3a014380",
      "title": "Draggable Card",
      "url": "https://21st.dev/@manuarora700/components/draggable-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "78b41f6c0ae67ae3",
      "title": "Encrypted Text",
      "url": "https://21st.dev/@manuarora700/components/encrypted-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b047613269c0b0a",
      "title": "Evervault Card",
      "url": "https://21st.dev/@manuarora700/components/evervault-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d476de2eb8d43a3",
      "title": "Feature Block Animated Card",
      "url": "https://21st.dev/@manuarora700/components/feature-block-animated-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "db486d431f0b2c61",
      "title": "Feature Section With Card Gradient",
      "url": "https://21st.dev/@manuarora700/components/feature-section-with-card-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15f8a1f1d7127ff6",
      "title": "Feature Section With Hover Effects",
      "url": "https://21st.dev/@manuarora700/components/feature-section-with-hover-effects",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "acaeb97954665301",
      "title": "File Upload",
      "url": "https://21st.dev/@manuarora700/components/file-upload",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "上传",
        "文件上传",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "938ea7a0ea8d3afa",
      "title": "Flip Words",
      "url": "https://21st.dev/@manuarora700/components/flip-words",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7ed02a2092a15a87",
      "title": "Floating Dock",
      "url": "https://21st.dev/@manuarora700/components/floating-dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b3a5943ca90f0e7",
      "title": "Focus Cards",
      "url": "https://21st.dev/@manuarora700/components/focus-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0c45e9f0e1f583b9",
      "title": "Framer Motion Switch",
      "url": "https://21st.dev/@manuarora700/components/framer-motion-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8f0111e5195fe927",
      "title": "Glare Card",
      "url": "https://21st.dev/@manuarora700/components/glare-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "反光",
        "高光"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7dba4f923b174f7f",
      "title": "Glowing Background Stars Card",
      "url": "https://21st.dev/@manuarora700/components/glowing-background-stars-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e3e855afb09522fb",
      "title": "Glowing Effect",
      "url": "https://21st.dev/@manuarora700/components/glowing-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4346b0ca344762ff",
      "title": "Glowing Stars",
      "url": "https://21st.dev/@manuarora700/components/glowing-stars",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15843df359601b05",
      "title": "Gooey Input",
      "url": "https://21st.dev/@manuarora700/components/gooey-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "液态",
        "融合",
        "形变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "65fbabdb38790388",
      "title": "Hero Highlight",
      "url": "https://21st.dev/@manuarora700/components/hero-highlight",
      "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": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@manuarora700/components/hero-highlight",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "e115bae6edf81703",
      "title": "Hero Parallax",
      "url": "https://21st.dev/@manuarora700/components/hero-parallax",
      "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/@manuarora700/components/hero-parallax",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "289f0b4b74395bb7",
      "title": "Hero Section",
      "url": "https://21st.dev/@manuarora700/components/hero-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "86c51ff58de7c503",
      "title": "Hover Border Gradient",
      "url": "https://21st.dev/@manuarora700/components/hover-border-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dfd3015a088762ae",
      "title": "Infinite Moving Cards",
      "url": "https://21st.dev/@manuarora700/components/infinite-moving-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "235a367617b379e5",
      "title": "Keyboard",
      "url": "https://21st.dev/@manuarora700/components/keyboard",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a113c2e863d05ed0",
      "title": "Lamp",
      "url": "https://21st.dev/@manuarora700/components/lamp",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "522d41597f3cd82d",
      "title": "Layout Grid",
      "url": "https://21st.dev/@manuarora700/components/layout-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}