{
  "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": 13,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 960,
    "previous": "page-12.json",
    "next": "page-14.json"
  },
  "entries": [
    {
      "id": "0df2763f1065f1b1",
      "title": "Spinner",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/spinner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8ea5d360a2729c25",
      "title": "Stacked Circular Footer",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/stacked-circular-footer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "265f248bb821cb2b",
      "title": "Star Rating",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/star-rating",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "星星",
        "收藏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6f3a1d5ddbac369c",
      "title": "Status Badge",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/status-badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cfc808f2e3f8531f",
      "title": "Streaming Text",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/streaming-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "流式输出"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ce2b72bdaf3c1b04",
      "title": "Tab Navbar",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/tab-navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d7bc9ee5cbe8ab6e",
      "title": "Table Empty",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/table-empty",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "空状态"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fcecd634ce094c29",
      "title": "Task Checkbox",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/task-checkbox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "108359e8360d2508",
      "title": "Tree Nav",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/tree-nav",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d1f2d205d6db829",
      "title": "Undo Pill",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/undo-pill",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b91ecc88aa9b5609",
      "title": "Upload Empty",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/upload-empty",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "空状态",
        "上传"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "615886d466cd7ac6",
      "title": "Use Toast",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/use-toast",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9c3239be6412bfdc",
      "title": "Webhook Empty",
      "url": "https://21st.dev/@arihantcodes_1f7b8c4d/components/webhook-empty",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "空状态"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "264d2b9446c612fb",
      "title": "Cromia Channels",
      "url": "https://21st.dev/@arikchakma/components/cromia-channels",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "973596612ee88283",
      "title": "Cromia Color Picker",
      "url": "https://21st.dev/@arikchakma/components/cromia-color-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c9ce76cfeb83525b",
      "title": "Cromia Compact",
      "url": "https://21st.dev/@arikchakma/components/cromia-compact",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ae013edcc22a9c62",
      "title": "Cromia Swatches",
      "url": "https://21st.dev/@arikchakma/components/cromia-swatches",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "22e74767578071ff",
      "title": "Unit Field",
      "url": "https://21st.dev/@arikchakma/components/unit-field",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9296c4a5f9f5a7bd",
      "title": "Dia Gradient",
      "url": "https://21st.dev/@arlanoska/components/dia-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0a62c3210d835275",
      "title": "Embroidered Word Patches",
      "url": "https://21st.dev/@arlanoska/components/embroidered-word-patches",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6580ed77fc5f4f33",
      "title": "Midjourney Ascii",
      "url": "https://21st.dev/@arlanoska/components/midjourney-ascii",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9326a48070288996",
      "title": "Symbols Effect",
      "url": "https://21st.dev/@arlanoska/components/symbols-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "06787af0f944c7f6",
      "title": "Vector Editor",
      "url": "https://21st.dev/@arlanoska/components/vector-editor",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "624bb62fabd39d41",
      "title": "Autocomplete",
      "url": "https://21st.dev/@armandsalle/components/autocomplete",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2103b202d1ae7065",
      "title": "Chess",
      "url": "https://21st.dev/@arnoldlo619/components/chess",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96b8f06c53cab12c",
      "title": "Mesh Portfolio",
      "url": "https://21st.dev/@arthurproductdesign/components/mesh-portfolio",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "88bea1c13e989a8d",
      "title": "Simplex Noise Shader",
      "url": "https://21st.dev/@arul_286c0cd5/components/simplex-noise-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9701e210673003d9",
      "title": "Adaptive Notch Navigation Bar",
      "url": "https://21st.dev/@arunachalam/components/adaptive-notch-navigation-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b92a163b3c245c9a",
      "title": "Animated File Tree",
      "url": "https://21st.dev/@arunachalam/components/animated-file-tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表",
        "动画",
        "动效",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "971ab275a356a24f",
      "title": "Animated Table",
      "url": "https://21st.dev/@arunachalam/components/animated-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "efc2c68d92233c7d",
      "title": "Animated Table Rows",
      "url": "https://21st.dev/@arunachalam/components/animated-table-rows",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f28cf2836c991365",
      "title": "Animated Theme Toggle Button",
      "url": "https://21st.dev/@arunachalam/components/animated-theme-toggle-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "切换",
        "开关",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3ef03d2da8f852ab",
      "title": "Animated Theme Toggler",
      "url": "https://21st.dev/@arunachalam/components/animated-theme-toggler",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1ff34c6b9688b874",
      "title": "Bottom Nav Bar",
      "url": "https://21st.dev/@arunachalam/components/bottom-nav-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "592344c318846ab7",
      "title": "Branching Tree Nav",
      "url": "https://21st.dev/@arunachalam/components/branching-tree-nav",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ec3bd9b972e17ba6",
      "title": "Connected Carousel",
      "url": "https://21st.dev/@arunachalam/components/connected-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6a3ba449d4ccf42f",
      "title": "Cookie Banner",
      "url": "https://21st.dev/@arunachalam/components/cookie-banner",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1445033c6989b5e9",
      "title": "Cookie Banner 1",
      "url": "https://21st.dev/@arunachalam/components/cookie-banner-1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d311a8e6b88894a0",
      "title": "Corner Frame Animated Button 1",
      "url": "https://21st.dev/@arunachalam/components/corner-frame-animated-button-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fa7aaaaeefe26c1a",
      "title": "Corner Frame Scramble Text",
      "url": "https://21st.dev/@arunachalam/components/corner-frame-scramble-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c20cc92b4473b32b",
      "title": "Expandable Search Bar",
      "url": "https://21st.dev/@arunachalam/components/expandable-search-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "搜索"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d9ffd20ba9af879",
      "title": "Feedback Toast",
      "url": "https://21st.dev/@arunachalam/components/feedback-toast",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b29dd855a182ac44",
      "title": "Inverted Cursor",
      "url": "https://21st.dev/@arunachalam/components/inverted-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a322c985dbb430f6",
      "title": "Media Button",
      "url": "https://21st.dev/@arunachalam/components/media-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d8540adde95c0b01",
      "title": "Modern Animated Sign In",
      "url": "https://21st.dev/@arunachalam/components/modern-animated-sign-in",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9625fd5aa7e9f01c",
      "title": "Morphing Arrow Button",
      "url": "https://21st.dev/@arunachalam/components/morphing-arrow-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "箭头"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d39587eaeda91c43",
      "title": "Outline Text",
      "url": "https://21st.dev/@arunachalam/components/outline-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "线性图标",
        "描边图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ff1eb7f99cf2318",
      "title": "Profile Card Testimonial Carousel",
      "url": "https://21st.dev/@arunachalam/components/profile-card-testimonial-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "卡片",
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a66661083b26e6dc",
      "title": "Scroll Expansion Hero",
      "url": "https://21st.dev/@arunachalam/components/scroll-expansion-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": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@arunachalam/components/scroll-expansion-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "8b3e9bbf2d1f0849",
      "title": "Sidebar With Chrome Like Tabs",
      "url": "https://21st.dev/@arunachalam/components/sidebar-with-chrome-like-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "侧边栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a61b2b6e1b384ffc",
      "title": "Theme Wipe Toggle",
      "url": "https://21st.dev/@arunachalam/components/theme-wipe-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0c5c371be794d8cf",
      "title": "Thumbnail Button Video Player",
      "url": "https://21st.dev/@arunachalam/components/thumbnail-button-video-player",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "44ffdf0d71fcdb9c",
      "title": "Toast",
      "url": "https://21st.dev/@arunachalam/components/toast",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5254bb1b63dbdae7",
      "title": "Vertical Theme Wipe Toggle",
      "url": "https://21st.dev/@arunachalam/components/vertical-theme-wipe-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8a2dcbf02307c91b",
      "title": "Ai Agent Processing States",
      "url": "https://21st.dev/@arunjdass/components/ai-agent-processing-states",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能",
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6efa76098d4a07d6",
      "title": "Ai Planning",
      "url": "https://21st.dev/@arunjdass/components/ai-planning",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d9e3762561bfdcae",
      "title": "Dashboard Sidebar",
      "url": "https://21st.dev/@arunjdass/components/dashboard-sidebar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "侧边栏",
        "仪表盘",
        "后台"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1b0cbbbfd53ce2e7",
      "title": "File Upload",
      "url": "https://21st.dev/@arunjdass/components/file-upload",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "上传",
        "文件上传",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "33d7bd8bd3f177f3",
      "title": "Focus Hero",
      "url": "https://21st.dev/@arunjdass/components/focus-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/@arunjdass/components/focus-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "4fc76d24881b6489",
      "title": "Kanban Board",
      "url": "https://21st.dev/@arunjdass/components/kanban-board",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "278f459e45f4793c",
      "title": "Neomorphism Metric Card",
      "url": "https://21st.dev/@arunjdass/components/neomorphism-metric-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b609ddc5fe108556",
      "title": "Voxcoach",
      "url": "https://21st.dev/@aryaanantarkar-byte/components/voxcoach",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d6bc263064489197",
      "title": "Dwar",
      "url": "https://21st.dev/@aryankumar06/components/dwar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "21ef33dd1522850a",
      "title": "Chatbot Background",
      "url": "https://21st.dev/@as7393881/components/chatbot-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "70768f9c171bc7d8",
      "title": "Chat Message",
      "url": "https://21st.dev/@asanshay/components/chat-message",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d2b8a314d03346f6",
      "title": "Chat Reasoning",
      "url": "https://21st.dev/@asanshay/components/chat-reasoning",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "91d580a94e32a941",
      "title": "Chat Tool",
      "url": "https://21st.dev/@asanshay/components/chat-tool",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96d1152ab83938d8",
      "title": "Loader",
      "url": "https://21st.dev/@asanshay/components/loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2e77d76aff940bab",
      "title": "Motion Blur Text",
      "url": "https://21st.dev/@asanshay/components/motion-blur-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模糊",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4ae92236008d0364",
      "title": "Reveal",
      "url": "https://21st.dev/@asanshay/components/reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc5c25ebbd47bfd2",
      "title": "Aaa",
      "url": "https://21st.dev/@asherevolved/components/aaa",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ff9ce9681b225a96",
      "title": "Asher Ascii",
      "url": "https://21st.dev/@asherevolved/components/asher-ascii",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "123de74a179b114f",
      "title": "Asherascii",
      "url": "https://21st.dev/@asherevolved/components/asherascii",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f588714100da5033",
      "title": "Red In Black",
      "url": "https://21st.dev/@ashish.indora/components/red-in-black",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4462caff838c537c",
      "title": "Animated Pattern Cloud",
      "url": "https://21st.dev/@ashishrajwaniai01/components/animated-pattern-cloud",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "49e13cbfba6f96ea",
      "title": "Asmr Background",
      "url": "https://21st.dev/@ashishrajwaniai01/components/asmr-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d343366f5f60df1",
      "title": "Balloons Pop Background",
      "url": "https://21st.dev/@ashishrajwaniai01/components/balloons-pop-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "68fe0c53df4846a7",
      "title": "Realistic Fog Background",
      "url": "https://21st.dev/@ashishrajwaniai01/components/realistic-fog-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe8a0e1e31aff7a5",
      "title": "Phyrs",
      "url": "https://21st.dev/@askgui/components/phyrs",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1088a96c2f898d2d",
      "title": "Ascii",
      "url": "https://21st.dev/@asteghlalj/components/ascii",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}