{
  "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": 65,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 5120,
    "previous": "page-64.json",
    "next": "page-66.json"
  },
  "entries": [
    {
      "id": "87221d2badac894d",
      "title": "Waves Tangled Up",
      "url": "https://21st.dev/@paper-design/components/waves-tangled-up",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f712ba086ec6d65e",
      "title": "Basmos",
      "url": "https://21st.dev/@parentbaptiste.p/components/basmos",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d1aa4870b73e5a40",
      "title": "Basmso",
      "url": "https://21st.dev/@parentbaptiste.p/components/basmso",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "611f9cda8c197bd5",
      "title": "Code Pen Home Skeuomorphism In The Dark Button",
      "url": "https://21st.dev/@pate1kiran/components/code-pen-home-skeuomorphism-in-the-dark-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "首页",
        "房子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "23f00f627f547442",
      "title": "Daybreak Text Reveal",
      "url": "https://21st.dev/@pate1kiran/components/daybreak-text-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "61c4dbb3642fbce0",
      "title": "Progressive Blur Modal",
      "url": "https://21st.dev/@pate1kiran/components/progressive-blur-modal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b53e046edd08b7c",
      "title": "Autocomplete",
      "url": "https://21st.dev/@patrick-xin/components/autocomplete",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c3911d69c835b581",
      "title": "Expandable Dialog",
      "url": "https://21st.dev/@patrick-xin/components/expandable-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa25763d0b7dd5cb",
      "title": "Morphing Dialog",
      "url": "https://21st.dev/@patrick-xin/components/morphing-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c77be41485967f29",
      "title": "Onboarding Dialog",
      "url": "https://21st.dev/@patrick-xin/components/onboarding-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "27bebadca93a8bdd",
      "title": "Unsplash Gallery Dialog",
      "url": "https://21st.dev/@patrick-xin/components/unsplash-gallery-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c844c86292b406b9",
      "title": "Vercel Notification Popover",
      "url": "https://21st.dev/@patrick-xin/components/vercel-notification-popover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "气泡",
        "弹出框",
        "通知",
        "消息提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8a9460e3f169d1e4",
      "title": "Bloodline",
      "url": "https://21st.dev/@patrickthomasdunn1988/components/bloodline",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "338498aba0fd1c28",
      "title": "Desert Drift",
      "url": "https://21st.dev/@patrickthomasdunn1988/components/desert-drift",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "407d801e203a748d",
      "title": "Robot Flyby",
      "url": "https://21st.dev/@patrickthomasdunn1988/components/robot-flyby",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ec7fb76d65958f01",
      "title": "Sneak",
      "url": "https://21st.dev/@patrickthomasdunn1988/components/sneak",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5c234ce0b259d28",
      "title": "Tidal Cursor",
      "url": "https://21st.dev/@patrickthomasdunn1988/components/tidal-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9d75f27f6e21c38c",
      "title": "Wilderness",
      "url": "https://21st.dev/@patrickthomasdunn1988/components/wilderness",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e4e93f2b7f5a3e4",
      "title": "Paul S Gradient",
      "url": "https://21st.dev/@paulbarbaste/components/paul-s-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "272ceab5b7304926",
      "title": "Waves Shader",
      "url": "https://21st.dev/@paulchariswork/components/waves-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d4e923ec560fc1e7",
      "title": "Dwd",
      "url": "https://21st.dev/@pavlegosic.sales/components/dwd",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "314fefc7a70a4c3f",
      "title": "Fundo",
      "url": "https://21st.dev/@pdornelasribeiro80/components/fundo",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "91a015aa1195d80b",
      "title": "Favorites",
      "url": "https://21st.dev/@pedro_65116d9c/components/favorites",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b6d37b41075e4082",
      "title": "My First",
      "url": "https://21st.dev/@petrovich_dmitrii/components/my-first",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "35fec91eb71937f5",
      "title": "Momentum Lines",
      "url": "https://21st.dev/@phandangkhoa96/components/momentum-lines",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "840c9f5fff35e3ee",
      "title": "Uu",
      "url": "https://21st.dev/@phthao.1367/components/uu",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f89273a174618c56",
      "title": "Moving Border",
      "url": "https://21st.dev/@phucbm/components/moving-border",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cbef634a3d4c437b",
      "title": "Hs Office",
      "url": "https://21st.dev/@pilapilun/components/hs-office",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e7abe957f076c9c1",
      "title": "K Ascii",
      "url": "https://21st.dev/@pixajans06/components/k-ascii",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "61e8cb38deffcb8e",
      "title": "3D Parallax Unfurling Gallery",
      "url": "https://21st.dev/@piyushxdev/components/3d-parallax-unfurling-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eb94950794f7ba42",
      "title": "Interactive Video Portfolio Scroller",
      "url": "https://21st.dev/@piyushxdev/components/interactive-video-portfolio-scroller",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e2cfa932ff2c3658",
      "title": "Block List",
      "url": "https://21st.dev/@platejs/components/block-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "62c5f8f9b19063a9",
      "title": "Block Selection",
      "url": "https://21st.dev/@platejs/components/block-selection",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8120df383b76bbee",
      "title": "Blockquote Node",
      "url": "https://21st.dev/@platejs/components/blockquote-node",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b9f92bd80919c90e",
      "title": "Caption",
      "url": "https://21st.dev/@platejs/components/caption",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0ca1e66bd433414b",
      "title": "Code Node",
      "url": "https://21st.dev/@platejs/components/code-node",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "68b718f273d21bf4",
      "title": "Cursor Overlay",
      "url": "https://21st.dev/@platejs/components/cursor-overlay",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8760a9cb730d7818",
      "title": "Editor",
      "url": "https://21st.dev/@platejs/components/editor",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1cbfa051e4c89ec2",
      "title": "Heading Node",
      "url": "https://21st.dev/@platejs/components/heading-node",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee246f17b8f05682",
      "title": "Highlight Node",
      "url": "https://21st.dev/@platejs/components/highlight-node",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f093290f600214f",
      "title": "Inline Combobox",
      "url": "https://21st.dev/@platejs/components/inline-combobox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "组合选择框",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d60aa71dedb85fa",
      "title": "Kbd Node",
      "url": "https://21st.dev/@platejs/components/kbd-node",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "78a14810a803dd21",
      "title": "Link Node",
      "url": "https://21st.dev/@platejs/components/link-node",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "766f1b3d91dcb860",
      "title": "Math Base Kit",
      "url": "https://21st.dev/@platejs/components/math-base-kit",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b56f2bc208821447",
      "title": "Resize Handle",
      "url": "https://21st.dev/@platejs/components/resize-handle",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e2bbc0850c887eea",
      "title": "Tag Node",
      "url": "https://21st.dev/@platejs/components/tag-node",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "240fa8c48c06621e",
      "title": "Toc Base Kit",
      "url": "https://21st.dev/@platejs/components/toc-base-kit",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fd9828da84bd3299",
      "title": "Hero Anim 1",
      "url": "https://21st.dev/@pogotka/components/hero-anim-1",
      "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/@pogotka/components/hero-anim-1",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "527edb6cd555694a",
      "title": "Chroma Entity",
      "url": "https://21st.dev/@porterlaforce/components/chroma-entity",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2535ae4bcdb5f3d7",
      "title": "Lsd Chalkboard",
      "url": "https://21st.dev/@porterlaforce/components/lsd-chalkboard",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e34d4494583cbcd2",
      "title": "Offer Button",
      "url": "https://21st.dev/@positronx/components/offer-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96eff229994d5991",
      "title": "Ascii",
      "url": "https://21st.dev/@poyrazhawk/components/ascii",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8bfa5f24f437f5a1",
      "title": "Kk",
      "url": "https://21st.dev/@poyrazhawk/components/kk",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "60e8fa1079bd30a2",
      "title": "Accordion",
      "url": "https://21st.dev/@ppramanik62/components/accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c39879d372a17f0d",
      "title": "Notification Stack",
      "url": "https://21st.dev/@ppramanik62/components/notification-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "通知",
        "消息提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "38d961de41c47f9a",
      "title": "Scroll Morph Hero",
      "url": "https://21st.dev/@prashantsom75/components/scroll-morph-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": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@prashantsom75/components/scroll-morph-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "f105ade28d67bbdd",
      "title": "About",
      "url": "https://21st.dev/@prebuiltui/components/about",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "65be5d36628bb433",
      "title": "Autocomplete",
      "url": "https://21st.dev/@prebuiltui/components/autocomplete",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4cbe4896e63c0d4b",
      "title": "Avatar Square",
      "url": "https://21st.dev/@prebuiltui/components/avatar-square",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c6496772db0bb39d",
      "title": "Badge Tag",
      "url": "https://21st.dev/@prebuiltui/components/badge-tag",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签",
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0feec6780e66201e",
      "title": "Breadcrumb",
      "url": "https://21st.dev/@prebuiltui/components/breadcrumb",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "面包屑"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "55e603fcb2bf8117",
      "title": "Button Ui",
      "url": "https://21st.dev/@prebuiltui/components/button-ui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a7a6f7b9fffa3267",
      "title": "Cards",
      "url": "https://21st.dev/@prebuiltui/components/cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa244082323d4b46",
      "title": "Checkbox 1",
      "url": "https://21st.dev/@prebuiltui/components/checkbox-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2631236ea1008c6c",
      "title": "Combobox",
      "url": "https://21st.dev/@prebuiltui/components/combobox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "组合选择框",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e2f37cd69a884ad9",
      "title": "Cookies",
      "url": "https://21st.dev/@prebuiltui/components/cookies",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "18de7306bf872ad8",
      "title": "Dropdown Menu",
      "url": "https://21st.dev/@prebuiltui/components/dropdown-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ad69663c3b6e2ad7",
      "title": "Faq Sections",
      "url": "https://21st.dev/@prebuiltui/components/faq-sections",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "常见问题"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "234fc94649bb7383",
      "title": "Feature Sections",
      "url": "https://21st.dev/@prebuiltui/components/feature-sections",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "630917c8d1878afa",
      "title": "Footer 1",
      "url": "https://21st.dev/@prebuiltui/components/footer-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "271bb7887f3e3937",
      "title": "Form 1",
      "url": "https://21st.dev/@prebuiltui/components/form-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1c9b9475a84030b8",
      "title": "Hero Section",
      "url": "https://21st.dev/@prebuiltui/components/hero-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1ce148278b035a5a",
      "title": "Image Gallery",
      "url": "https://21st.dev/@prebuiltui/components/image-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ff17d286e2ab321f",
      "title": "Login Form",
      "url": "https://21st.dev/@prebuiltui/components/login-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单",
        "登录",
        "登陆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cac1d07a9bae3f5b",
      "title": "Pricing Cards",
      "url": "https://21st.dev/@prebuiltui/components/pricing-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "800b56714efdaaa6",
      "title": "Testimonial",
      "url": "https://21st.dev/@prebuiltui/components/testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b60805c99446e646",
      "title": "Toggle Switch",
      "url": "https://21st.dev/@prebuiltui/components/toggle-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关",
        "切换"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fbe5179881d80282",
      "title": "Preet Shader",
      "url": "https://21st.dev/@preetbiswas2006/components/preet-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "76ac98dd0a157f20",
      "title": "Accordion 1",
      "url": "https://21st.dev/@preetsuthar17/components/accordion-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "884930633cb2e644",
      "title": "Ai Chat Input",
      "url": "https://21st.dev/@preetsuthar17/components/ai-chat-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}