{
  "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": 22,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 1680,
    "previous": "page-21.json",
    "next": "page-23.json"
  },
  "entries": [
    {
      "id": "b47854c3b5d0c8ed",
      "title": "P Textarea 12",
      "url": "https://21st.dev/@coss.com/components/p-textarea-12",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "多行输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "802a2068aed6f2a6",
      "title": "P Textarea 15",
      "url": "https://21st.dev/@coss.com/components/p-textarea-15",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "多行输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6683905a698823f0",
      "title": "P Textarea 8",
      "url": "https://21st.dev/@coss.com/components/p-textarea-8",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "多行输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5e3da2ca6d766106",
      "title": "Progress",
      "url": "https://21st.dev/@coss.com/components/progress",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "进度条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d42304897c3cd1d",
      "title": "Slider",
      "url": "https://21st.dev/@coss.com/components/slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "87e8897747438ffe",
      "title": "Spinner",
      "url": "https://21st.dev/@coss.com/components/spinner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f79f662039784650",
      "title": "Switch",
      "url": "https://21st.dev/@coss.com/components/switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b32195e6be75a60",
      "title": "Table",
      "url": "https://21st.dev/@coss.com/components/table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c51174b84f7f3f46",
      "title": "Tabs",
      "url": "https://21st.dev/@coss.com/components/tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "552b97dba5a98cbd",
      "title": "Tabs Count Badge",
      "url": "https://21st.dev/@coss.com/components/tabs-count-badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "77fe781d40cf93a0",
      "title": "Textarea",
      "url": "https://21st.dev/@coss.com/components/textarea",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "多行输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3413f3fa25b72000",
      "title": "Toggle",
      "url": "https://21st.dev/@coss.com/components/toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6e032a8de78a98ed",
      "title": "Toolbar",
      "url": "https://21st.dev/@coss.com/components/toolbar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "35f977b537a7b994",
      "title": "Dither Helix Carousel",
      "url": "https://21st.dev/@crafterui/components/dither-helix-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d8daeccaa73682da",
      "title": "Handwritten Response",
      "url": "https://21st.dev/@crafterui/components/handwritten-response",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d02708b43e485bb",
      "title": "Hero Carousel",
      "url": "https://21st.dev/@crafterui/components/hero-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@crafterui/components/hero-carousel",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "7c2cbdadd2b4fba2",
      "title": "Mercury Dial",
      "url": "https://21st.dev/@crafterui/components/mercury-dial",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c3dd7c7df7f03e13",
      "title": "Molten Ring Carousel",
      "url": "https://21st.dev/@crafterui/components/molten-ring-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3fa9bf8b01a4b434",
      "title": "Spine Accordion",
      "url": "https://21st.dev/@crafterui/components/spine-accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7d2c025753e53408",
      "title": "Super Hover List",
      "url": "https://21st.dev/@crafterui/components/super-hover-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca7bc56e2bfa9e15",
      "title": "Username Reel",
      "url": "https://21st.dev/@crafterui/components/username-reel",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7ad4541165888eee",
      "title": "Works Wheel",
      "url": "https://21st.dev/@crafterui/components/works-wheel",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "009deb5d2df2f1fe",
      "title": "Key Math",
      "url": "https://21st.dev/@creation2224/components/key-math",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "79409c64145fbc53",
      "title": "Threejs Particles Waves",
      "url": "https://21st.dev/@critcoder/components/threejs-particles-waves",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa9eab36b53f0943",
      "title": "Autocomplete",
      "url": "https://21st.dev/@cubby-ui/components/autocomplete",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c05446c056eaee93",
      "title": "Copy Button",
      "url": "https://21st.dev/@cubby-ui/components/copy-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a5a101468439905b",
      "title": "Timeline",
      "url": "https://21st.dev/@cubby-ui/components/timeline",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "08749ece43c3ba79",
      "title": "3D Carousel",
      "url": "https://21st.dev/@cult-ui/components/3d-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "911d94f331b99851",
      "title": "Ai Blob Warp",
      "url": "https://21st.dev/@cult-ui/components/ai-blob-warp",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a6126f7f6086b006",
      "title": "Bg Animated Button",
      "url": "https://21st.dev/@cult-ui/components/bg-animated-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d795b18498ca6fb",
      "title": "Bg Animated Fractal Dot Grid",
      "url": "https://21st.dev/@cult-ui/components/bg-animated-fractal-dot-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "40bab920698b4a9e",
      "title": "Color Picker",
      "url": "https://21st.dev/@cult-ui/components/color-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "73e6137672471e70",
      "title": "Distorted Glass",
      "url": "https://21st.dev/@cult-ui/components/distorted-glass",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f3be7d03c9c9239",
      "title": "Dock",
      "url": "https://21st.dev/@cult-ui/components/dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "075ea01abea9a406",
      "title": "Dynamic Island",
      "url": "https://21st.dev/@cult-ui/components/dynamic-island",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1b63ffed5cbfff9c",
      "title": "Edge Blur",
      "url": "https://21st.dev/@cult-ui/components/edge-blur",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e93f289a1952f9b3",
      "title": "Expandable",
      "url": "https://21st.dev/@cult-ui/components/expandable",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c97edcf9220f3a5b",
      "title": "Family Button",
      "url": "https://21st.dev/@cult-ui/components/family-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9181714e3217bb37",
      "title": "Feature Carousel",
      "url": "https://21st.dev/@cult-ui/components/feature-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c03a5ed3c9d6f1a7",
      "title": "Floating Panel",
      "url": "https://21st.dev/@cult-ui/components/floating-panel",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3dfd6a497a35cd2a",
      "title": "Folded Card",
      "url": "https://21st.dev/@cult-ui/components/folded-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c983b8dcfcb1bd25",
      "title": "Glass Effect",
      "url": "https://21st.dev/@cult-ui/components/glass-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0da1d2c4c73dc289",
      "title": "Grid Beam",
      "url": "https://21st.dev/@cult-ui/components/grid-beam",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "光束"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3c59d320694d9e74",
      "title": "Halo Dropzone",
      "url": "https://21st.dev/@cult-ui/components/halo-dropzone",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文件拖放",
        "上传"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "04d711485663af3d",
      "title": "Halo Notification",
      "url": "https://21st.dev/@cult-ui/components/halo-notification",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "通知",
        "消息提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f4cd21f5f7edb704",
      "title": "Halo Switch",
      "url": "https://21st.dev/@cult-ui/components/halo-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "686f06bf8b5a4f96",
      "title": "Halo Toggle Group",
      "url": "https://21st.dev/@cult-ui/components/halo-toggle-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8f33fb047d0d7f66",
      "title": "Hero Color Panel",
      "url": "https://21st.dev/@cult-ui/components/hero-color-panel",
      "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": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@cult-ui/components/hero-color-panel",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "9626cd05a9cafd66",
      "title": "Hero Dithering",
      "url": "https://21st.dev/@cult-ui/components/hero-dithering",
      "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": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@cult-ui/components/hero-dithering",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "8d1bd0def654eb56",
      "title": "Hero Heatmap",
      "url": "https://21st.dev/@cult-ui/components/hero-heatmap",
      "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": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@cult-ui/components/hero-heatmap",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "ca6837a5b133aea9",
      "title": "Hero Liquid Metal",
      "url": "https://21st.dev/@cult-ui/components/hero-liquid-metal",
      "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": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@cult-ui/components/hero-liquid-metal",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "73e3edc59fe33197",
      "title": "Hero Static Radial Gradient",
      "url": "https://21st.dev/@cult-ui/components/hero-static-radial-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "91a1d90af973771b",
      "title": "Kanban Board",
      "url": "https://21st.dev/@cult-ui/components/kanban-board",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "898efa055a55a435",
      "title": "Logo Carousel",
      "url": "https://21st.dev/@cult-ui/components/logo-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "24aa0ff31e7f193a",
      "title": "Morph Surface",
      "url": "https://21st.dev/@cult-ui/components/morph-surface",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4aea1c0bd0b2b50e",
      "title": "Organic Card Small",
      "url": "https://21st.dev/@cult-ui/components/organic-card-small",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d40b36c10155121",
      "title": "Pixel Heading Word",
      "url": "https://21st.dev/@cult-ui/components/pixel-heading-word",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6e0957cb26f52df3",
      "title": "Popover Form",
      "url": "https://21st.dev/@cult-ui/components/popover-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "气泡",
        "弹出框",
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9e1bed0ff04a9ed2",
      "title": "Prompt Composer",
      "url": "https://21st.dev/@cult-ui/components/prompt-composer",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "438f075986b5ff86",
      "title": "Shift Card",
      "url": "https://21st.dev/@cult-ui/components/shift-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d8474bb059027b14",
      "title": "Side Panel Video",
      "url": "https://21st.dev/@cult-ui/components/side-panel-video",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "958ba0c5bc6a4119",
      "title": "Svg Shapes",
      "url": "https://21st.dev/@cult-ui/components/svg-shapes",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "deae61ac78f75516",
      "title": "Tabs Illustration Vercel",
      "url": "https://21st.dev/@cult-ui/components/tabs-illustration-vercel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d4323a234305a8f7",
      "title": "Texture Button",
      "url": "https://21st.dev/@cult-ui/components/texture-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d009792084c94e65",
      "title": "Timer",
      "url": "https://21st.dev/@cult-ui/components/timer",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5e5ffd5fc1cb250",
      "title": "Typewriter",
      "url": "https://21st.dev/@cult-ui/components/typewriter",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e3ef6c2430c4bc7e",
      "title": "Vote Tally",
      "url": "https://21st.dev/@cult-ui/components/vote-tally",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "25f23e585c81a3bc",
      "title": "Youtube Video Player",
      "url": "https://21st.dev/@cult-ui/components/youtube-video-player",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e11ec8b198cb9c49",
      "title": "Neon Button",
      "url": "https://21st.dev/@cybergaz/components/neon-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c449993a31eb2189",
      "title": "Email Categories",
      "url": "https://21st.dev/@dailydischq/components/email-categories",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28818f6c7779c532",
      "title": "Aether Ribbon Mesh",
      "url": "https://21st.dev/@daiwiikharihar/components/aether-ribbon-mesh",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b0f985eaff505d79",
      "title": "Aether Vortex",
      "url": "https://21st.dev/@daiwiikharihar/components/aether-vortex",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ff2b51d267e12035",
      "title": "Ai Chat Input",
      "url": "https://21st.dev/@daiwiikharihar/components/ai-chat-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "654a4f255ecf7ca8",
      "title": "Arc Spread Hero",
      "url": "https://21st.dev/@daiwiikharihar/components/arc-spread-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@daiwiikharihar/components/arc-spread-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "46c7b3637ba6685f",
      "title": "Bento Dashboard",
      "url": "https://21st.dev/@daiwiikharihar/components/bento-dashboard",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "仪表盘",
        "后台"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1393a0637abe4c76",
      "title": "Brutalist Deck Loader",
      "url": "https://21st.dev/@daiwiikharihar/components/brutalist-deck-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f4a87867f19cd4b0",
      "title": "Card Stack Loader",
      "url": "https://21st.dev/@daiwiikharihar/components/card-stack-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b27c982c02d8914d",
      "title": "Chladni Acoustic Grid",
      "url": "https://21st.dev/@daiwiikharihar/components/chladni-acoustic-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ae571f0840c8300e",
      "title": "Cinematic Glow Toggle",
      "url": "https://21st.dev/@daiwiikharihar/components/cinematic-glow-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关",
        "发光",
        "光晕"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c2f357e2e8f59837",
      "title": "Cinematic List",
      "url": "https://21st.dev/@daiwiikharihar/components/cinematic-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}