{
  "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": 42,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 3280,
    "previous": "page-41.json",
    "next": "page-43.json"
  },
  "entries": [
    {
      "id": "d12daf0edf3c4e03",
      "title": "Primitive Avatar",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-avatar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2f94ae037fac9c14",
      "title": "Primitive Badge",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab152d5129a6ae10",
      "title": "Primitive Breadcrumb",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-breadcrumb",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "面包屑"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "311811ee33f2f3f0",
      "title": "Primitive Button Group",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-button-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca1a154ff481683f",
      "title": "Primitive Calendar",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d02b5031d3668a3",
      "title": "Primitive Checkbox",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-checkbox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6adc5c083514f614",
      "title": "Primitive Combobox",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-combobox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "组合选择框",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a8589e71de35df5",
      "title": "Primitive Input",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "446c2d0c144311c1",
      "title": "Primitive Input Mask",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-input-mask",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b0a1f6190fb3b918",
      "title": "Primitive Pagination",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-pagination",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "分页"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "04c7be35be633980",
      "title": "Primitive Sonner",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-sonner",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "36ac947b414dc76f",
      "title": "Primitive Tabs",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f95329783ea5809a",
      "title": "Primitive Textarea",
      "url": "https://21st.dev/@isaiahbjork/components/primitive-textarea",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "多行输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da477f2ce6f889cc",
      "title": "Product Reveal Card",
      "url": "https://21st.dev/@isaiahbjork/components/product-reveal-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "20512180beccaba7",
      "title": "Profile Card",
      "url": "https://21st.dev/@isaiahbjork/components/profile-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "78ef140ce34897a1",
      "title": "Profile Hover Card",
      "url": "https://21st.dev/@isaiahbjork/components/profile-hover-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fa73f47da228bbbc",
      "title": "Resizable Table",
      "url": "https://21st.dev/@isaiahbjork/components/resizable-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b580f519c9dd1eb",
      "title": "Reveal Text",
      "url": "https://21st.dev/@isaiahbjork/components/reveal-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1432afdee528e2c5",
      "title": "Ruler Carousel",
      "url": "https://21st.dev/@isaiahbjork/components/ruler-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "663980a2514f95b0",
      "title": "Shader Aurora Veil",
      "url": "https://21st.dev/@isaiahbjork/components/shader-aurora-veil",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "05e6dfd30ed86191",
      "title": "Shader Kinetic Dots",
      "url": "https://21st.dev/@isaiahbjork/components/shader-kinetic-dots",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bc80eb7dde4e300b",
      "title": "System Monitor",
      "url": "https://21st.dev/@isaiahbjork/components/system-monitor",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3578d719a3ce4209",
      "title": "Video Scroll Hero",
      "url": "https://21st.dev/@isaiahbjork/components/video-scroll-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "滚动",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@isaiahbjork/components/video-scroll-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "29d6936afd098bb6",
      "title": "Video Upload Card",
      "url": "https://21st.dev/@isaiahbjork/components/video-upload-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "上传",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "277a529d476a2750",
      "title": "Voice Powered Orb",
      "url": "https://21st.dev/@isaiahbjork/components/voice-powered-orb",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7b94ffbf458f0c4c",
      "title": "Weekly Kpi Chart",
      "url": "https://21st.dev/@isaiahbjork/components/weekly-kpi-chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba367b71336f8792",
      "title": "Curved Menu",
      "url": "https://21st.dev/@ishamsu/components/curved-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe41258e6cd7f04e",
      "title": "Immersive Scroll Gallery",
      "url": "https://21st.dev/@ishamsu/components/immersive-scroll-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "73114f5e669cbcf0",
      "title": "Retro Testimonial",
      "url": "https://21st.dev/@ishamsu/components/retro-testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "235287ef11a22bc4",
      "title": "Scroll Cards",
      "url": "https://21st.dev/@ishamsu/components/scroll-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "986c1e7dd2b17991",
      "title": "Smooth Scroll Hero",
      "url": "https://21st.dev/@ishamsu/components/smooth-scroll-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@ishamsu/components/smooth-scroll-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "dc9c28fee6861999",
      "title": "Tetris Loader",
      "url": "https://21st.dev/@itaizeilig/components/tetris-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e888517d2eb53d79",
      "title": "Animated Menu Bar",
      "url": "https://21st.dev/@itsankitverma/components/animated-menu-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "菜单",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "075a59eb148d98aa",
      "title": "Dialog Box",
      "url": "https://21st.dev/@itsankitverma/components/dialog-box",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a45ab1f27f476308",
      "title": "Error 404 Page",
      "url": "https://21st.dev/@itsankitverma/components/error-404-page",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d2fd58343c6df8af",
      "title": "File Uploader",
      "url": "https://21st.dev/@itsankitverma/components/file-uploader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c91183719b4fdcc5",
      "title": "Path Morphing",
      "url": "https://21st.dev/@itsankitverma/components/path-morphing",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dffe7ec76f54c1fc",
      "title": "Scroll Linked Spring Animation",
      "url": "https://21st.dev/@itsankitverma/components/scroll-linked-spring-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0980903f0c9510c3",
      "title": "Stack Card",
      "url": "https://21st.dev/@itsankitverma/components/stack-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "487e50349cb50858",
      "title": "Services Stack",
      "url": "https://21st.dev/@ivarunchaudhary/components/services-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6ee96f6d47f6d355",
      "title": "Empty",
      "url": "https://21st.dev/@j1zuzz/components/empty",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "空状态"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d7501bb94e4857e4",
      "title": "Welcome",
      "url": "https://21st.dev/@j1zuzz/components/welcome",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c1b438e40293cb22",
      "title": "Jpag Manifesto",
      "url": "https://21st.dev/@jacopagan7-ui/components/jpag-manifesto",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d8ef3952e5f4afb",
      "title": "Ai Agent Response",
      "url": "https://21st.dev/@jahed/components/ai-agent-response",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能",
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9bbb5416c1eb1553",
      "title": "Ai Chat Input",
      "url": "https://21st.dev/@jahed/components/ai-chat-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b58dd627c3589121",
      "title": "Ai Prompt Box",
      "url": "https://21st.dev/@jahed/components/ai-prompt-box",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "10b16456bb91921b",
      "title": "Animated 3D Mac Book Air",
      "url": "https://21st.dev/@jahed/components/animated-3d-mac-book-air",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "69e5c3eaeb939cc0",
      "title": "Animated Glow Card",
      "url": "https://21st.dev/@jahed/components/animated-glow-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "发光",
        "光晕",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "84685bb643a4df2f",
      "title": "Animated Svg Text Path",
      "url": "https://21st.dev/@jahed/components/animated-svg-text-path",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de1ab8860e6add42",
      "title": "Apple Tahoe Liquid Glass Button",
      "url": "https://21st.dev/@jahed/components/apple-tahoe-liquid-glass-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e0755910cce950a2",
      "title": "Auth Fuse",
      "url": "https://21st.dev/@jahed/components/auth-fuse",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "注册",
        "认证"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "52ce574dc6e27520",
      "title": "Auth Ui",
      "url": "https://21st.dev/@jahed/components/auth-ui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "注册",
        "认证"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "71316ba373936826",
      "title": "Beams Background",
      "url": "https://21st.dev/@jahed/components/beams-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b18081369a10a88b",
      "title": "Chatgpt Prompt Input",
      "url": "https://21st.dev/@jahed/components/chatgpt-prompt-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "63fa21b9bc87ff71",
      "title": "Cinematic Landing Hero",
      "url": "https://21st.dev/@jahed/components/cinematic-landing-hero",
      "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": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@jahed/components/cinematic-landing-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "2bbbdd8a040cf3a5",
      "title": "Cyber Button",
      "url": "https://21st.dev/@jahed/components/cyber-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f544b4cb8eef69c1",
      "title": "Dot Text",
      "url": "https://21st.dev/@jahed/components/dot-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "10978e0446a83bd8",
      "title": "Dotted Vignette Background",
      "url": "https://21st.dev/@jahed/components/dotted-vignette-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "920c3005cdf8f821",
      "title": "Dynamic Hero",
      "url": "https://21st.dev/@jahed/components/dynamic-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": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@jahed/components/dynamic-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "1918a475e9beddae",
      "title": "Flip Countdown",
      "url": "https://21st.dev/@jahed/components/flip-countdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ccd6b81ae2e8c1b8",
      "title": "Flow Field Background",
      "url": "https://21st.dev/@jahed/components/flow-field-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6ceb750cf5c578ac",
      "title": "Glass Button",
      "url": "https://21st.dev/@jahed/components/glass-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7523f7f633ac1a72",
      "title": "Glass Testimonial Swiper",
      "url": "https://21st.dev/@jahed/components/glass-testimonial-swiper",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "680630c14e7fd519",
      "title": "Glassmorphism Trust Hero",
      "url": "https://21st.dev/@jahed/components/glassmorphism-trust-hero",
      "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": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@jahed/components/glassmorphism-trust-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "a8c07445523cb94c",
      "title": "Hero 1",
      "url": "https://21st.dev/@jahed/components/hero-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@jahed/components/hero-1",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "54c186eba02691d9",
      "title": "Hero With Video",
      "url": "https://21st.dev/@jahed/components/hero-with-video",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          },
          {
            "id": "input",
            "label": "操作或表单入口",
            "evidence": "已逐条核验对应画面：可填写的操作或表单入口"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@jahed/components/hero-with-video",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "8afabcd2837bb6ad",
      "title": "Hover Glow Button",
      "url": "https://21st.dev/@jahed/components/hover-glow-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "悬停",
        "鼠标悬停",
        "发光",
        "光晕"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6888a5448f4fbe66",
      "title": "Hover Text Reveal 1",
      "url": "https://21st.dev/@jahed/components/hover-text-reveal-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e4e1286c9ba0289d",
      "title": "Image Swiper",
      "url": "https://21st.dev/@jahed/components/image-swiper",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "01534c4840399da8",
      "title": "Interactive Text Particle",
      "url": "https://21st.dev/@jahed/components/interactive-text-particle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "71e6e0fe69dd6c60",
      "title": "Interactive Thermodynamic Grid",
      "url": "https://21st.dev/@jahed/components/interactive-thermodynamic-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a4b3e76d625971f4",
      "title": "Isometric Wave Grid Background",
      "url": "https://21st.dev/@jahed/components/isometric-wave-grid-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5fa757f2991b59f",
      "title": "Limelight Nav",
      "url": "https://21st.dev/@jahed/components/limelight-nav",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f201f4a736034b1f",
      "title": "Logo Carousel",
      "url": "https://21st.dev/@jahed/components/logo-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15d5be71c074e7ab",
      "title": "Magnetic Cursor",
      "url": "https://21st.dev/@jahed/components/magnetic-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f1f31bb924bdbe99",
      "title": "Material Design 3 Button",
      "url": "https://21st.dev/@jahed/components/material-design-3-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bfa1a364603d72cb",
      "title": "Material Design 3 Expressive Slider",
      "url": "https://21st.dev/@jahed/components/material-design-3-expressive-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "83e4d6c9fdd6acbf",
      "title": "Material Design 3 Ripple",
      "url": "https://21st.dev/@jahed/components/material-design-3-ripple",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca340bafc14723ed",
      "title": "Material Design 3 Switch",
      "url": "https://21st.dev/@jahed/components/material-design-3-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f2cb9a9f3155479c",
      "title": "Material Ui Autocomplete Combobox Multi Select",
      "url": "https://21st.dev/@jahed/components/material-ui-autocomplete-combobox-multi-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "组合选择框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}