{
  "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": 49,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 3840,
    "previous": "page-48.json",
    "next": "page-50.json"
  },
  "entries": [
    {
      "id": "5ab6aa75cda101b1",
      "title": "Activity Heatmap",
      "url": "https://21st.dev/@kuratlielia/components/activity-heatmap",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "热力图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f2ff9a08e37dd08a",
      "title": "Brush Chart",
      "url": "https://21st.dev/@kuratlielia/components/brush-chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8dc25f6a1f39f7c2",
      "title": "Card Stack",
      "url": "https://21st.dev/@kuratlielia/components/card-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c142b7f133b989fd",
      "title": "Chip Group",
      "url": "https://21st.dev/@kuratlielia/components/chip-group",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "44632a567a316a5f",
      "title": "Combobox",
      "url": "https://21st.dev/@kuratlielia/components/combobox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "组合选择框",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8a22297199393963",
      "title": "Comment Thread",
      "url": "https://21st.dev/@kuratlielia/components/comment-thread",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "410a39d5f8d60969",
      "title": "Date Range Picker",
      "url": "https://21st.dev/@kuratlielia/components/date-range-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "59cd579526b01cd8",
      "title": "Expandable Card",
      "url": "https://21st.dev/@kuratlielia/components/expandable-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "844139516362b8a1",
      "title": "Filter Toolbar",
      "url": "https://21st.dev/@kuratlielia/components/filter-toolbar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4c9312d1adf2e009",
      "title": "Hover Card",
      "url": "https://21st.dev/@kuratlielia/components/hover-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "06f0269c665ad375",
      "title": "Image Compare",
      "url": "https://21st.dev/@kuratlielia/components/image-compare",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9da8bb637290e30c",
      "title": "Line Chart",
      "url": "https://21st.dev/@kuratlielia/components/line-chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表",
        "折线",
        "线条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8272d4d096cdc2c4",
      "title": "Multi Select",
      "url": "https://21st.dev/@kuratlielia/components/multi-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f1f518f7eb917a30",
      "title": "Ridgeline",
      "url": "https://21st.dev/@kuratlielia/components/ridgeline",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "75ab3d87c1755bf1",
      "title": "Segmented Control",
      "url": "https://21st.dev/@kuratlielia/components/segmented-control",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96b5626d43b4faf3",
      "title": "Signature Pad",
      "url": "https://21st.dev/@kuratlielia/components/signature-pad",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "266edbf59dcd4d8b",
      "title": "Slider",
      "url": "https://21st.dev/@kuratlielia/components/slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "02a499d2c003ddfd",
      "title": "Slope Chart",
      "url": "https://21st.dev/@kuratlielia/components/slope-chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d79d53e77efd660",
      "title": "Sortable Data Table",
      "url": "https://21st.dev/@kuratlielia/components/sortable-data-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "排序",
        "拖拽"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d456d21aea69b093",
      "title": "Sparkline",
      "url": "https://21st.dev/@kuratlielia/components/sparkline",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2985d914c99b5174",
      "title": "Split Button",
      "url": "https://21st.dev/@kuratlielia/components/split-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e14dbb63df0727d8",
      "title": "Stats Band",
      "url": "https://21st.dev/@kuratlielia/components/stats-band",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8e081a51bfa1ae96",
      "title": "Switch",
      "url": "https://21st.dev/@kuratlielia/components/switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e08a734f024a0f3c",
      "title": "Tabs",
      "url": "https://21st.dev/@kuratlielia/components/tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a04284c46a8bf7e6",
      "title": "Text Reveal",
      "url": "https://21st.dev/@kuratlielia/components/text-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dbb08f2962f10112",
      "title": "Timeline",
      "url": "https://21st.dev/@kuratlielia/components/timeline",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "905430a3ee21a00f",
      "title": "Usage Meter",
      "url": "https://21st.dev/@kuratlielia/components/usage-meter",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e42d630b83d7db24",
      "title": "User Menu",
      "url": "https://21st.dev/@kuratlielia/components/user-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "用户"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "822fa776661daaff",
      "title": "Progressive Hero",
      "url": "https://21st.dev/@kurket21/components/progressive-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": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@kurket21/components/progressive-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "3b8878c418e8b17a",
      "title": "Mtfuji",
      "url": "https://21st.dev/@kushal.ict2022/components/mtfuji",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d920d4af9557745d",
      "title": "Ai Agent Input",
      "url": "https://21st.dev/@kvnkld/components/ai-agent-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "AI",
        "人工智能",
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "345da213c06e9e90",
      "title": "Code Block",
      "url": "https://21st.dev/@kvnkld/components/code-block",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "44e51e106de81c84",
      "title": "File Diff",
      "url": "https://21st.dev/@kvnkld/components/file-diff",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "077da12927d1e404",
      "title": "Image Generation",
      "url": "https://21st.dev/@kvnkld/components/image-generation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "149a4671e6de686a",
      "title": "Inline Citations",
      "url": "https://21st.dev/@kvnkld/components/inline-citations",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a66775187928c631",
      "title": "Orbs Helix",
      "url": "https://21st.dev/@kvnkld/components/orbs-helix",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "470cef5e213c0b4f",
      "title": "Orbs Lens",
      "url": "https://21st.dev/@kvnkld/components/orbs-lens",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c0b1cd2cf9747e95",
      "title": "Orbs Morph",
      "url": "https://21st.dev/@kvnkld/components/orbs-morph",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d133babfeea6bb72",
      "title": "Orbs Ring",
      "url": "https://21st.dev/@kvnkld/components/orbs-ring",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fafe841e6b6f7bf5",
      "title": "Task List",
      "url": "https://21st.dev/@kvnkld/components/task-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "239958ee30a357ce",
      "title": "Thinking Reasoning",
      "url": "https://21st.dev/@kvnkld/components/thinking-reasoning",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "思考状态"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2fee48b28e667c75",
      "title": "Web Search",
      "url": "https://21st.dev/@kvnkld/components/web-search",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "搜索"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d58a769789a479f",
      "title": "Lahit",
      "url": "https://21st.dev/@kygsz29/components/lahit",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5517d172e1936271",
      "title": "111",
      "url": "https://21st.dev/@kyxjames23/components/111",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d880cc9ae12e281e",
      "title": "Admit One Ticket",
      "url": "https://21st.dev/@larsen66/components/admit-one-ticket",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e64b90301a33aff",
      "title": "Background Gradient Snippet",
      "url": "https://21st.dev/@larsen66/components/background-gradient-snippet",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3c7e637329ce4bdd",
      "title": "Background Snippets Noise Effect11",
      "url": "https://21st.dev/@larsen66/components/background-snippets-noise-effect11",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8c185c7a09164a48",
      "title": "Bento Features",
      "url": "https://21st.dev/@larsen66/components/bento-features",
      "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": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@larsen66/components/bento-features",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "e5b94cda970fcb6d",
      "title": "Bento Monochrome",
      "url": "https://21st.dev/@larsen66/components/bento-monochrome",
      "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": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@larsen66/components/bento-monochrome",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "d6c0e138121d621a",
      "title": "Bento Monochrome 1",
      "url": "https://21st.dev/@larsen66/components/bento-monochrome-1",
      "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": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@larsen66/components/bento-monochrome-1",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "d0053142ae68e066",
      "title": "Blueprint Gradient Mesh",
      "url": "https://21st.dev/@larsen66/components/blueprint-gradient-mesh",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "44d03953363e6335",
      "title": "Border Beam",
      "url": "https://21st.dev/@larsen66/components/border-beam",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光束",
        "发光边框",
        "流光边框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "abd4b24f8b321814",
      "title": "Border Beam Button",
      "url": "https://21st.dev/@larsen66/components/border-beam-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "光束",
        "发光边框",
        "流光边框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cd5b75ca123ec46e",
      "title": "Border Beam Search",
      "url": "https://21st.dev/@larsen66/components/border-beam-search",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "搜索",
        "光束",
        "发光边框",
        "流光边框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1f98c8678e332f33",
      "title": "Expand On Hover",
      "url": "https://21st.dev/@larsen66/components/expand-on-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5586b1bdd03c51f9",
      "title": "Expanded Tabs",
      "url": "https://21st.dev/@larsen66/components/expanded-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab7a473b8eda2ea6",
      "title": "Hero Ascii",
      "url": "https://21st.dev/@larsen66/components/hero-ascii",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@larsen66/components/hero-ascii",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "7c1bf306969bc959",
      "title": "Hero Ascii One",
      "url": "https://21st.dev/@larsen66/components/hero-ascii-one",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@larsen66/components/hero-ascii-one",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "4f05786f205cb300",
      "title": "Hole Reveal Hero",
      "url": "https://21st.dev/@larsen66/components/hole-reveal-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/@larsen66/components/hole-reveal-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "2dc69049f868f5c2",
      "title": "Metal Fx",
      "url": "https://21st.dev/@larsen66/components/metal-fx",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b73476b5fa02c6bb",
      "title": "Metal Upgrade Button",
      "url": "https://21st.dev/@larsen66/components/metal-upgrade-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "edbfd953721c0ca4",
      "title": "Navigation Menu",
      "url": "https://21st.dev/@larsen66/components/navigation-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "25128b4401d46771",
      "title": "Noise Dark Blue Gradient With Squares",
      "url": "https://21st.dev/@larsen66/components/noise-dark-blue-gradient-with-squares",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a58690dd71e57932",
      "title": "Reui Button Group",
      "url": "https://21st.dev/@larsen66/components/reui-button-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b237024f38ccb4a4",
      "title": "Reui Filters",
      "url": "https://21st.dev/@larsen66/components/reui-filters",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "843861d74bc4e2d6",
      "title": "Reui Phone Input",
      "url": "https://21st.dev/@larsen66/components/reui-phone-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7ff02735d2a03b85",
      "title": "Thinking Orbs",
      "url": "https://21st.dev/@larsen66/components/thinking-orbs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "思考状态"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b67ecaac9c17bcf4",
      "title": "Activity Stats Card",
      "url": "https://21st.dev/@lavikatiyar/components/activity-stats-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "620eee7a638f1721",
      "title": "Alert Banner",
      "url": "https://21st.dev/@lavikatiyar/components/alert-banner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "警告",
        "提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "24d6751b9331803f",
      "title": "Alert Toast",
      "url": "https://21st.dev/@lavikatiyar/components/alert-toast",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "警告",
        "提示",
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7e0916d7c050f8b1",
      "title": "Audio Show Creator",
      "url": "https://21st.dev/@lavikatiyar/components/audio-show-creator",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe78128dc8d21e5e",
      "title": "Bento Grid",
      "url": "https://21st.dev/@lavikatiyar/components/bento-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@lavikatiyar/components/bento-grid",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0b2b42f4fa7498ce",
      "title": "Card",
      "url": "https://21st.dev/@lavikatiyar/components/card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15cac636984cc462",
      "title": "Card 1",
      "url": "https://21st.dev/@lavikatiyar/components/card-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "186257f843f03451",
      "title": "Card 11",
      "url": "https://21st.dev/@lavikatiyar/components/card-11",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c1f1d7a093aca010",
      "title": "Card 2",
      "url": "https://21st.dev/@lavikatiyar/components/card-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca4209a265b95db2",
      "title": "Card 3",
      "url": "https://21st.dev/@lavikatiyar/components/card-3",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0fb0efdade828a36",
      "title": "Card 4",
      "url": "https://21st.dev/@lavikatiyar/components/card-4",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "47f925b873ae75bb",
      "title": "Card 5",
      "url": "https://21st.dev/@lavikatiyar/components/card-5",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9b55dbc3c5e4ce1b",
      "title": "Card 6",
      "url": "https://21st.dev/@lavikatiyar/components/card-6",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}