{
  "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": 50,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 3920,
    "previous": "page-49.json",
    "next": "page-51.json"
  },
  "entries": [
    {
      "id": "590e438251ae8a78",
      "title": "Card 7",
      "url": "https://21st.dev/@lavikatiyar/components/card-7",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3075b861f52e5c6d",
      "title": "Card 8",
      "url": "https://21st.dev/@lavikatiyar/components/card-8",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8749bf4122f1b95b",
      "title": "Card 9",
      "url": "https://21st.dev/@lavikatiyar/components/card-9",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a722ab86eafff16f",
      "title": "Cards",
      "url": "https://21st.dev/@lavikatiyar/components/cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "543775b0cb8501dc",
      "title": "Conversion Stats Card",
      "url": "https://21st.dev/@lavikatiyar/components/conversion-stats-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "74f7c735c7d54579",
      "title": "Cta Card",
      "url": "https://21st.dev/@lavikatiyar/components/cta-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "93eebb99700fc5c0",
      "title": "Feature Card",
      "url": "https://21st.dev/@lavikatiyar/components/feature-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2c77cf13a44de1c1",
      "title": "Feature Grid",
      "url": "https://21st.dev/@lavikatiyar/components/feature-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ba66fa1e13a2a4a",
      "title": "Form",
      "url": "https://21st.dev/@lavikatiyar/components/form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5eabec149bbfa737",
      "title": "Freelancer Profile Card",
      "url": "https://21st.dev/@lavikatiyar/components/freelancer-profile-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "be680cee3b018a2c",
      "title": "Growth Hero Section",
      "url": "https://21st.dev/@lavikatiyar/components/growth-hero-section",
      "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/@lavikatiyar/components/growth-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "00d3e64b06a02e10",
      "title": "Hero Section",
      "url": "https://21st.dev/@lavikatiyar/components/hero-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1c0fcdcd3ebaac75",
      "title": "Image Uploader",
      "url": "https://21st.dev/@lavikatiyar/components/image-uploader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "33c359699ee66d07",
      "title": "Insurance Card",
      "url": "https://21st.dev/@lavikatiyar/components/insurance-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "658d4637e08908ba",
      "title": "List",
      "url": "https://21st.dev/@lavikatiyar/components/list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "16adc3b566d4b2bc",
      "title": "Location Card",
      "url": "https://21st.dev/@lavikatiyar/components/location-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8404ff259a15046a",
      "title": "Login",
      "url": "https://21st.dev/@lavikatiyar/components/login",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "登陆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f3cb3107f193e090",
      "title": "Menu",
      "url": "https://21st.dev/@lavikatiyar/components/menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "39dd895a2f94113b",
      "title": "Offer Card",
      "url": "https://21st.dev/@lavikatiyar/components/offer-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b27ecd517ff8ca92",
      "title": "Offers Carousel",
      "url": "https://21st.dev/@lavikatiyar/components/offers-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c33b6c1b888b6c5a",
      "title": "Pricing",
      "url": "https://21st.dev/@lavikatiyar/components/pricing",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "526d1d7c88f13284",
      "title": "Progress Card",
      "url": "https://21st.dev/@lavikatiyar/components/progress-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "进度条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a211702caab97438",
      "title": "Referral Card",
      "url": "https://21st.dev/@lavikatiyar/components/referral-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f97fe2da0a1caff0",
      "title": "Reset Password Form",
      "url": "https://21st.dev/@lavikatiyar/components/reset-password-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ccdb02d0afce3c5c",
      "title": "Seat Selection",
      "url": "https://21st.dev/@lavikatiyar/components/seat-selection",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e4632406b91f7b0d",
      "title": "Service Card",
      "url": "https://21st.dev/@lavikatiyar/components/service-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2ad52d857bc52999",
      "title": "Advanced Data Table Filter Builder",
      "url": "https://21st.dev/@laziekiki/components/advanced-data-table-filter-builder",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f1e4fc613814900b",
      "title": "Ai Reasoning Block",
      "url": "https://21st.dev/@laziekiki/components/ai-reasoning-block",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7ab22b5a89f1eefc",
      "title": "Api Key Manager",
      "url": "https://21st.dev/@laziekiki/components/api-key-manager",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cf1bbd2e24186213",
      "title": "Compose",
      "url": "https://21st.dev/@laziekiki/components/compose",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "80de0e1be0cea97c",
      "title": "Draggable Photo Stack",
      "url": "https://21st.dev/@laziekiki/components/draggable-photo-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d96f4f66b14f843",
      "title": "Empty State Kit",
      "url": "https://21st.dev/@laziekiki/components/empty-state-kit",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "空状态"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7399a8b572005294",
      "title": "Filter Token Bar",
      "url": "https://21st.dev/@laziekiki/components/filter-token-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9d25ca50e02c6b6b",
      "title": "Interactive Character Switcher Card",
      "url": "https://21st.dev/@laziekiki/components/interactive-character-switcher-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4ad922075cae8cd4",
      "title": "Keyboard Shortcuts",
      "url": "https://21st.dev/@laziekiki/components/keyboard-shortcuts",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "845a14e2e619d580",
      "title": "Lenticular Compare",
      "url": "https://21st.dev/@laziekiki/components/lenticular-compare",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3f11e9704a0ade9",
      "title": "Morphing Scroll Navbar",
      "url": "https://21st.dev/@laziekiki/components/morphing-scroll-navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航栏",
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "14f32fb2f0620327",
      "title": "Photo Remix Grid",
      "url": "https://21st.dev/@laziekiki/components/photo-remix-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "570e53ce8b3a46a3",
      "title": "Product Tour",
      "url": "https://21st.dev/@laziekiki/components/product-tour",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c4681383fd0a57dd",
      "title": "Selection Bubble Menu",
      "url": "https://21st.dev/@laziekiki/components/selection-bubble-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c820b7a913eb6f1f",
      "title": "Smart Tag Input",
      "url": "https://21st.dev/@laziekiki/components/smart-tag-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "56138b1bdfd7ec6c",
      "title": "Streaming Chat Response",
      "url": "https://21st.dev/@laziekiki/components/streaming-chat-response",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "聊天",
        "对话",
        "流式输出"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "26efdb4ac33e0aa2",
      "title": "Tier List Maker",
      "url": "https://21st.dev/@laziekiki/components/tier-list-maker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8c7035cff63353ce",
      "title": "Tool Call Inspector",
      "url": "https://21st.dev/@laziekiki/components/tool-call-inspector",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bc02cab5eda21a82",
      "title": "Kk",
      "url": "https://21st.dev/@lbertoni115/components/kk",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ec88726cb0ce993e",
      "title": "Surfer",
      "url": "https://21st.dev/@leitosurf151/components/surfer",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d19727df2fa1012",
      "title": "Account List Item",
      "url": "https://21st.dev/@lensblocks/components/account-list-item",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "99b8edc07833992a",
      "title": "Black Gradient",
      "url": "https://21st.dev/@leo.carre/components/black-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6c7fca97d73b20b0",
      "title": "Silk Blend Gradient",
      "url": "https://21st.dev/@leonelsilva0601/components/silk-blend-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d276b3460a3e3860",
      "title": "Sparkles",
      "url": "https://21st.dev/@lepikhinb/components/sparkles",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d08934be2bbffec2",
      "title": "Media Provider",
      "url": "https://21st.dev/@limeplay/components/media-provider",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "271ad4eb99e8bbe9",
      "title": "Player Layout",
      "url": "https://21st.dev/@limeplay/components/player-layout",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4c5aad8b73085bfd",
      "title": "Scroll Area 1",
      "url": "https://21st.dev/@lina.sameer/components/scroll-area-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "67c82ebdca1c41b7",
      "title": "Liquid Select",
      "url": "https://21st.dev/@liquefy-ui/components/liquid-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eb5e8158fdad48b8",
      "title": "Liquid Switch",
      "url": "https://21st.dev/@liquefy-ui/components/liquid-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d8ddc30eebe958f",
      "title": "Emoji Picker",
      "url": "https://21st.dev/@liveblocks/components/emoji-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "53caf72d2bcd502c",
      "title": "Tilt Card",
      "url": "https://21st.dev/@llaxmi/components/tilt-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c2aeb34240125f4b",
      "title": "Animated Navigation Tabs",
      "url": "https://21st.dev/@ln-dev7/components/animated-navigation-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "导航",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "53bb01ce730e5a01",
      "title": "Assignee User",
      "url": "https://21st.dev/@ln-dev7/components/assignee-user",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "383233b5f9c84af8",
      "title": "Assisted Password Confirmation",
      "url": "https://21st.dev/@ln-dev7/components/assisted-password-confirmation",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b4a166de1fd4807e",
      "title": "Aurora Ribbons",
      "url": "https://21st.dev/@ln-dev7/components/aurora-ribbons",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da0d4ba1a0573056",
      "title": "Auto Layout Card",
      "url": "https://21st.dev/@ln-dev7/components/auto-layout-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b8c5f2b7a45e75f4",
      "title": "Bento 01",
      "url": "https://21st.dev/@ln-dev7/components/bento-01",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@ln-dev7/components/bento-01",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "ca22f40715afd617",
      "title": "Bento 02",
      "url": "https://21st.dev/@ln-dev7/components/bento-02",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@ln-dev7/components/bento-02",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "5a92fc1327285ce0",
      "title": "Breadcrumb",
      "url": "https://21st.dev/@ln-dev7/components/breadcrumb",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "面包屑"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9d2c9a10f289ef9c",
      "title": "Button",
      "url": "https://21st.dev/@ln-dev7/components/button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b35e11704f728fc5",
      "title": "Cloth",
      "url": "https://21st.dev/@ln-dev7/components/cloth",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "69b1d676b236fb83",
      "title": "Contact 01",
      "url": "https://21st.dev/@ln-dev7/components/contact-01",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "42ddd61949cc57a3",
      "title": "Contact 16",
      "url": "https://21st.dev/@ln-dev7/components/contact-16",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc922aace15a90f6",
      "title": "Cube Wave",
      "url": "https://21st.dev/@ln-dev7/components/cube-wave",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "31540af5a2f3b87c",
      "title": "Dorpdown Navigation",
      "url": "https://21st.dev/@ln-dev7/components/dorpdown-navigation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1af9d6379deba490",
      "title": "Dynamic Action",
      "url": "https://21st.dev/@ln-dev7/components/dynamic-action",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee49edc55222d748",
      "title": "Faqs 01",
      "url": "https://21st.dev/@ln-dev7/components/faqs-01",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8cea2dac2ad07735",
      "title": "Faqs 02",
      "url": "https://21st.dev/@ln-dev7/components/faqs-02",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89e456b44db29d7c",
      "title": "Feedback Slider",
      "url": "https://21st.dev/@ln-dev7/components/feedback-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bd7e896d06214c95",
      "title": "Flip Button",
      "url": "https://21st.dev/@ln-dev7/components/flip-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a5cfd76f377ab88f",
      "title": "Floating Button",
      "url": "https://21st.dev/@ln-dev7/components/floating-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "70ced6073d9c7712",
      "title": "Follower Counter",
      "url": "https://21st.dev/@ln-dev7/components/follower-counter",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2751e67a6d62cc99",
      "title": "Footer 16",
      "url": "https://21st.dev/@ln-dev7/components/footer-16",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c984f7befca2be84",
      "title": "Footer 17",
      "url": "https://21st.dev/@ln-dev7/components/footer-17",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}