{
  "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": 1,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 0,
    "previous": null,
    "next": "page-2.json"
  },
  "entries": [
    {
      "id": "67c917dfaf8ec4dc",
      "title": "Animated heroes",
      "url": "https://21st.dev/community/components/s/animated-hero",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "首屏",
        "主视觉",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48fedffecdc9397c",
      "title": "Hero sections",
      "url": "https://21st.dev/community/components/s/hero",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a188b1303c1232c2",
      "title": "Shaders",
      "url": "https://21st.dev/community/components/s/shader",
      "kind": "类目",
      "direct": false,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "32cfa9c61ce4aab4",
      "title": "Backgrounds",
      "url": "https://21st.dev/community/components/s/background",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f8bd82eece937a6d",
      "title": "Gradients",
      "url": "https://21st.dev/community/components/s/gradient",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5b9afb9aa05e323",
      "title": "Footers",
      "url": "https://21st.dev/community/components/s/footer",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "424f377631048f1f",
      "title": "Buttons",
      "url": "https://21st.dev/community/components/s/button",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8db7de92e5555a03",
      "title": "AI chats",
      "url": "https://21st.dev/community/components/s/ai-chat",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "207903d4c1a74ab7",
      "title": "Cards & grids",
      "url": "https://21st.dev/community/components/s/card",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d831cf12a0e3bff0",
      "title": "Galleries & 3D",
      "url": "https://21st.dev/community/components/s/carousel",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "轮播",
        "轮播图",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab8f8ae2442d5efd",
      "title": "Navigation",
      "url": "https://21st.dev/community/components/s/navigation-menu",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "菜单",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c9d6ac2b155b03c1",
      "title": "Sign ins & widgets",
      "url": "https://21st.dev/community/components/s/sign-in",
      "kind": "类目",
      "direct": false,
      "aliases": [
        "登录"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "602a15560f8f166c",
      "title": "Animated Collection",
      "url": "https://21st.dev/@0xUrvish/components/animated-collection",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bc410dfbe33baa04",
      "title": "Bento Card",
      "url": "https://21st.dev/@0xUrvish/components/bento-card",
      "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/@0xUrvish/components/bento-card",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "5d79cae4c6c7d0fb",
      "title": "Bottom Menu",
      "url": "https://21st.dev/@0xUrvish/components/bottom-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "236464a040f5a00a",
      "title": "Bucket",
      "url": "https://21st.dev/@0xUrvish/components/bucket",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a4607082802a01fb",
      "title": "Day Picker",
      "url": "https://21st.dev/@0xUrvish/components/day-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "927efc63a44e7ea7",
      "title": "Delete Button",
      "url": "https://21st.dev/@0xUrvish/components/delete-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5c892a86a3ba3ce1",
      "title": "Discover Button",
      "url": "https://21st.dev/@0xUrvish/components/discover-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ade549786eb1a63e",
      "title": "Discrete Tab",
      "url": "https://21st.dev/@0xUrvish/components/discrete-tab",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "caf8158b1f99a44d",
      "title": "Dynamic Toolbar",
      "url": "https://21st.dev/@0xUrvish/components/dynamic-toolbar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8a81dabd76e66f64",
      "title": "Empty Testimonial",
      "url": "https://21st.dev/@0xUrvish/components/empty-testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价",
        "空状态"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2a7ec7570065bc98",
      "title": "Expandable Gallery",
      "url": "https://21st.dev/@0xUrvish/components/expandable-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "438616092739ecd7",
      "title": "Feature Carousel",
      "url": "https://21st.dev/@0xUrvish/components/feature-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e7750360cf8de81",
      "title": "Fluid Expanding Grid",
      "url": "https://21st.dev/@0xUrvish/components/fluid-expanding-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f1bea2d77088db14",
      "title": "Folder Interaction",
      "url": "https://21st.dev/@0xUrvish/components/folder-interaction",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "文件夹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "911ccfdcd16a8e57",
      "title": "Inline Edit",
      "url": "https://21st.dev/@0xUrvish/components/inline-edit",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "454c4ce863b59c44",
      "title": "List Item",
      "url": "https://21st.dev/@0xUrvish/components/list-item",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5ac53e3bc6a4effa",
      "title": "Magnified Bento",
      "url": "https://21st.dev/@0xUrvish/components/magnified-bento",
      "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/@0xUrvish/components/magnified-bento",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "e2da57bfdd83bd2f",
      "title": "Morphing Input",
      "url": "https://21st.dev/@0xUrvish/components/morphing-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa1291b80affc40a",
      "title": "Pricing Card",
      "url": "https://21st.dev/@0xUrvish/components/pricing-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "993f62d2bea11b83",
      "title": "Smooth Dropdown",
      "url": "https://21st.dev/@0xUrvish/components/smooth-dropdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "575042600b1ec1c8",
      "title": "Stacked List",
      "url": "https://21st.dev/@0xUrvish/components/stacked-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5bc3efb236c7084",
      "title": "Vertical Tabs",
      "url": "https://21st.dev/@0xUrvish/components/vertical-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a6633143a21943cb",
      "title": "Code Block",
      "url": "https://21st.dev/@0xuser64bit/components/code-block",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8e2dfe967a1ca5a1",
      "title": "Image Compare",
      "url": "https://21st.dev/@0xuser64bit/components/image-compare",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3859e513fa38998",
      "title": "Signal",
      "url": "https://21st.dev/@0xuser64bit/components/signal",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "083f0966cb8a64b9",
      "title": "Chromatic Lens",
      "url": "https://21st.dev/@16inam06/components/chromatic-lens",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e8e201c7cb525b9e",
      "title": "Volna",
      "url": "https://21st.dev/@1laruk24/components/volna",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aaef7c26e4474822",
      "title": "Test",
      "url": "https://21st.dev/@1myfakename1/components/test",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fcf8cd25cb5c0205",
      "title": "Abacus Count",
      "url": "https://21st.dev/@21st/components/abacus-count",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "abeb1db791b86b7c",
      "title": "Accent Pill Title",
      "url": "https://21st.dev/@21st/components/accent-pill-title",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "34e6d7024ee601de",
      "title": "Accordion Zine Unfold",
      "url": "https://21st.dev/@21st/components/accordion-zine-unfold",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a7a65e87c65b4443",
      "title": "Address Bar Cta",
      "url": "https://21st.dev/@21st/components/address-bar-cta",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "246a9e97ede78a17",
      "title": "Agent Steps",
      "url": "https://21st.dev/@21st/components/agent-steps",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cf41f2d248bdac77",
      "title": "Anamorphic Alignment",
      "url": "https://21st.dev/@21st/components/anamorphic-alignment",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "07af425bf58ffdc7",
      "title": "Aperture Grid Reveal",
      "url": "https://21st.dev/@21st/components/aperture-grid-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d4d32d5586f59f9a",
      "title": "App Card Pop",
      "url": "https://21st.dev/@21st/components/app-card-pop",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "db0238c37246c845",
      "title": "Ascii Resolve",
      "url": "https://21st.dev/@21st/components/ascii-resolve",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "acf5d89061870184",
      "title": "Aurora Silk",
      "url": "https://21st.dev/@21st/components/aurora-silk",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89386fbe263cd565",
      "title": "Automaton Rewind",
      "url": "https://21st.dev/@21st/components/automaton-rewind",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f4069a56783462b",
      "title": "Badge Row",
      "url": "https://21st.dev/@21st/components/badge-row",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7dc816126fa9e9b1",
      "title": "Band Wipe Stack",
      "url": "https://21st.dev/@21st/components/band-wipe-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "57f69a8a6d145941",
      "title": "Bar Built Digits",
      "url": "https://21st.dev/@21st/components/bar-built-digits",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e9597ffe06cf227c",
      "title": "Bar Chart",
      "url": "https://21st.dev/@21st/components/bar-chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表",
        "柱状图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "57fe9165bbe1f0d1",
      "title": "Bayer Dither Dissolve",
      "url": "https://21st.dev/@21st/components/bayer-dither-dissolve",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8343265a71e11a6a",
      "title": "Bead Curtain Reveal",
      "url": "https://21st.dev/@21st/components/bead-curtain-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "97a62f9882d090a1",
      "title": "Beat Word Slam",
      "url": "https://21st.dev/@21st/components/beat-word-slam",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "023c317c7f342c0b",
      "title": "Before After Reveal",
      "url": "https://21st.dev/@21st/components/before-after-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a5b6d92a1b608174",
      "title": "Bento Feature Tour",
      "url": "https://21st.dev/@21st/components/bento-feature-tour",
      "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/@21st/components/bento-feature-tour",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "f7fa4dfdfc135601",
      "title": "Big Bang",
      "url": "https://21st.dev/@21st/components/big-bang",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48a5ef6e014e330a",
      "title": "Blur Dissolve",
      "url": "https://21st.dev/@21st/components/blur-dissolve",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c54b675656c04c5f",
      "title": "Branch Tree",
      "url": "https://21st.dev/@21st/components/branch-tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7e02a2942cbaffd3",
      "title": "Caustic Pool Logo",
      "url": "https://21st.dev/@21st/components/caustic-pool-logo",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8072e8213321fc6f",
      "title": "Chat Thread",
      "url": "https://21st.dev/@21st/components/chat-thread",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5a6f5d30e8d13d43",
      "title": "Chip Grid",
      "url": "https://21st.dev/@21st/components/chip-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9a51c83ca489cea4",
      "title": "Chroma Slam",
      "url": "https://21st.dev/@21st/components/chroma-slam",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "166728c291087555",
      "title": "Circle Pack Word",
      "url": "https://21st.dev/@21st/components/circle-pack-word",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "968360548643e8ba",
      "title": "Cli Cascade",
      "url": "https://21st.dev/@21st/components/cli-cascade",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "481eee2f9c2643f1",
      "title": "Cloth Banner Drop",
      "url": "https://21st.dev/@21st/components/cloth-banner-drop",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1da08e8108b67438",
      "title": "Cmyk Pass Print",
      "url": "https://21st.dev/@21st/components/cmyk-pass-print",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "603ca328e1593108",
      "title": "Code Morph",
      "url": "https://21st.dev/@21st/components/code-morph",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "978fb597c629795b",
      "title": "Code Output Split",
      "url": "https://21st.dev/@21st/components/code-output-split",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "24f438f9b4e44081",
      "title": "Command Palette Action",
      "url": "https://21st.dev/@21st/components/command-palette-action",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "命令",
        "搜索",
        "命令面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c041848047a29386",
      "title": "Component Broll",
      "url": "https://21st.dev/@21st/components/component-broll",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "195974369238bcdf",
      "title": "Condensation Swipe",
      "url": "https://21st.dev/@21st/components/condensation-swipe",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "683cc3babde58a14",
      "title": "Constellation Logo",
      "url": "https://21st.dev/@21st/components/constellation-logo",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a0f836b3c7b2fcb9",
      "title": "Construction Lines Logo",
      "url": "https://21st.dev/@21st/components/construction-lines-logo",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "00d9b2591d0c8b05",
      "title": "Constructivist Wedge",
      "url": "https://21st.dev/@21st/components/constructivist-wedge",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "19e2d936297bbab1",
      "title": "Context Split Panel",
      "url": "https://21st.dev/@21st/components/context-split-panel",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}