{
  "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": 37,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 2880,
    "previous": "page-36.json",
    "next": "page-38.json"
  },
  "entries": [
    {
      "id": "88c5e7236aafb8a1",
      "title": "Bounding Box Selector",
      "url": "https://21st.dev/@framecn/components/bounding-box-selector",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "afe143963fdaddae",
      "title": "Glass Code Block",
      "url": "https://21st.dev/@framecn/components/glass-code-block",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7308b5f1df745d2c",
      "title": "Message Bubble",
      "url": "https://21st.dev/@framecn/components/message-bubble",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "945f818c3ef45350",
      "title": "Shader Dithering",
      "url": "https://21st.dev/@framecn/components/shader-dithering",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1003ccdeb39442a9",
      "title": "Strikethrough Replace",
      "url": "https://21st.dev/@framecn/components/strikethrough-replace",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "12b28c7b375af46d",
      "title": "Terminal To Browser Deploy",
      "url": "https://21st.dev/@framecn/components/terminal-to-browser-deploy",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "终端"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5e563b7afc1feff",
      "title": "Top Down Letters",
      "url": "https://21st.dev/@framecn/components/top-down-letters",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2cd41abb1b21cddb",
      "title": "Tracking In",
      "url": "https://21st.dev/@framecn/components/tracking-in",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b8555382c6686e46",
      "title": "Zoom Through Transition",
      "url": "https://21st.dev/@framecn/components/zoom-through-transition",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fdfba74f76635d8a",
      "title": "Streamclick Wallpaper",
      "url": "https://21st.dev/@frodev-cr/components/streamclick-wallpaper",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ece6c54f01728e9f",
      "title": "The Creation Of Adam",
      "url": "https://21st.dev/@fuererayt/components/the-creation-of-adam",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5e0618735781d902",
      "title": "Github Activity",
      "url": "https://21st.dev/@fujidevv/components/github-activity",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "64b10edcd698636e",
      "title": "Accordion",
      "url": "https://21st.dev/@fuma-nama/components/accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "675d4cde3f2c01d0",
      "title": "Banner",
      "url": "https://21st.dev/@fuma-nama/components/banner",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7b478647b9e17fc2",
      "title": "Root Toggle",
      "url": "https://21st.dev/@fuma-nama/components/root-toggle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5805df650175ec0e",
      "title": "Tabs",
      "url": "https://21st.dev/@fuma-nama/components/tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89a7af4d35a43899",
      "title": "Type Table",
      "url": "https://21st.dev/@fuma-nama/components/type-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6a4095f28de0f65a",
      "title": "Zoomable Image",
      "url": "https://21st.dev/@fuma-nama/components/zoomable-image",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b24528aabd47e810",
      "title": "Book",
      "url": "https://21st.dev/@g13rt26/components/book",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "30c79aff47877999",
      "title": "Background Rowds Shop V1",
      "url": "https://21st.dev/@gabporcius/components/background-rowds-shop-v1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "57aed1ddeae287a9",
      "title": "Vv",
      "url": "https://21st.dev/@gabriellopes.ct07/components/vv",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7b48836be6c56882",
      "title": "Horse",
      "url": "https://21st.dev/@gabrielrkmoura/components/horse",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3fbb63bfdd13506f",
      "title": "Neon",
      "url": "https://21st.dev/@gabrielrkmoura/components/neon",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3599603007ea20b1",
      "title": "Test",
      "url": "https://21st.dev/@galileouuu/components/test",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bf5c04de98dcbc3b",
      "title": "Halftone Shader",
      "url": "https://21st.dev/@garigarii/components/halftone-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1012a2ec3ffc7859",
      "title": "Plasma Shader Cursor Push",
      "url": "https://21st.dev/@garigarii/components/plasma-shader-cursor-push",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "97ec6e5d6ea9b638",
      "title": "Shader Deep Aqua",
      "url": "https://21st.dev/@garrett_b432de00/components/shader-deep-aqua",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9701c0412428bdb0",
      "title": "Ee",
      "url": "https://21st.dev/@gauravchinku976/components/ee",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "36d9ee4e50ca188d",
      "title": "Preloader",
      "url": "https://21st.dev/@gaxocif204/components/preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8ddc425979cf008f",
      "title": "2 Ascii",
      "url": "https://21st.dev/@geekingdevil/components/2-ascii",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ebba5d10fc50d3e0",
      "title": "Multiple Select",
      "url": "https://21st.dev/@geekles007/components/multiple-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e02b3fbba72f8f09",
      "title": "Navbar",
      "url": "https://21st.dev/@geekles007/components/navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ecf27e0cc9eaf43d",
      "title": "Select",
      "url": "https://21st.dev/@geekles007/components/select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3a2f2f27746e7e81",
      "title": "Snappy Slider",
      "url": "https://21st.dev/@ghcpuman902/components/snappy-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da9aa9c789bbaa1f",
      "title": "Highlight Text",
      "url": "https://21st.dev/@glasscn/components/highlight-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "babf707d234db698",
      "title": "Liquid Text",
      "url": "https://21st.dev/@glasscn/components/liquid-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "542e359b86074743",
      "title": "Liquid Watch",
      "url": "https://21st.dev/@glasscn/components/liquid-watch",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3657891a4846bc83",
      "title": "Ai Chat Image Generation 1",
      "url": "https://21st.dev/@gonzalochale/components/ai-chat-image-generation-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片",
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bf9d5bb119b027cc",
      "title": "Commits Grid",
      "url": "https://21st.dev/@gonzalochale/components/commits-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b469edef7371e6f3",
      "title": "Liquid Button",
      "url": "https://21st.dev/@good-listener/components/liquid-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fa368c274e1c5438",
      "title": "R3 F Macro Keypad",
      "url": "https://21st.dev/@good-listener/components/r3-f-macro-keypad",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6d1cd9cd4b69ec0a",
      "title": "Waves Shader",
      "url": "https://21st.dev/@good-listener/components/waves-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e20c0b7fdbbad8dd",
      "title": "Border Beam",
      "url": "https://21st.dev/@gooseui/components/border-beam",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光束",
        "发光边框",
        "流光边框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "00537588a670d16d",
      "title": "Features Grid",
      "url": "https://21st.dev/@gooseui/components/features-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "功能区"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b57b80244a828dd0",
      "title": "Nsutx",
      "url": "https://21st.dev/@gopalrajlohiya2/components/nsutx",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d59aefad86131161",
      "title": "Almoayyed",
      "url": "https://21st.dev/@gordongedacheril1/components/almoayyed",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b239b20436fc1bf2",
      "title": "Funnel",
      "url": "https://21st.dev/@gpt-vis/components/funnel",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "38cff1950ab16665",
      "title": "Gpt Vis",
      "url": "https://21st.dev/@gpt-vis/components/gpt-vis",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4b78db3c22f46f81",
      "title": "Black And White Shader",
      "url": "https://21st.dev/@gravitty99/components/black-and-white-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c6b885e9c910ce9d",
      "title": "Light Blue Plasma Shader W Grain Interactive",
      "url": "https://21st.dev/@gravitty99/components/light-blue-plasma-shader-w-grain-interactive",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e993ec07c473741",
      "title": "Red Plasma",
      "url": "https://21st.dev/@gravitty99/components/red-plasma",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bbcc5d999d32e081",
      "title": "Blurred Marquee",
      "url": "https://21st.dev/@grootstudio/components/blurred-marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f682eb156c932b7d",
      "title": "Cursor Trail",
      "url": "https://21st.dev/@grootstudio/components/cursor-trail",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4bea9d4abe5c71c3",
      "title": "Gradient Text Fill",
      "url": "https://21st.dev/@grootstudio/components/gradient-text-fill",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a61f3ee2f67b96df",
      "title": "Logo Marquee",
      "url": "https://21st.dev/@grootstudio/components/logo-marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b90ac00f291b7d1c",
      "title": "Text Frame",
      "url": "https://21st.dev/@grootstudio/components/text-frame",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df725de7cd72c056",
      "title": "Broken By Design",
      "url": "https://21st.dev/@gughigug/components/broken-by-design",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e1441df97e0c923",
      "title": "Elsewhere Hero",
      "url": "https://21st.dev/@gughigug/components/elsewhere-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/@gughigug/components/elsewhere-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "d91552dfa73f3242",
      "title": "Scroll Locked Video Hero",
      "url": "https://21st.dev/@gughigug/components/scroll-locked-video-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/@gughigug/components/scroll-locked-video-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "58664760f92f05fd",
      "title": "Shave Reveal Hero",
      "url": "https://21st.dev/@gughigug/components/shave-reveal-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@gughigug/components/shave-reveal-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "bff9ea52a142b88e",
      "title": "Sunset Skyline Hero",
      "url": "https://21st.dev/@gughigug/components/sunset-skyline-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": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@gughigug/components/sunset-skyline-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "431cb0ca4683ee21",
      "title": "Ufo Hero",
      "url": "https://21st.dev/@gughigug/components/ufo-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@gughigug/components/ufo-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "477e0e32ff4e1d5a",
      "title": "Bold On Hover",
      "url": "https://21st.dev/@gurvinder-singh02/components/bold-on-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dd5b56f635babc59",
      "title": "Pipo",
      "url": "https://21st.dev/@gustavo.camara/components/pipo",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a98df58ee8223a15",
      "title": "Bloom",
      "url": "https://21st.dev/@h0bb5/components/bloom",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "25350efdc1fa2f84",
      "title": "Cool Blob Effect",
      "url": "https://21st.dev/@h0bb5/components/cool-blob-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5b47f24c802468a",
      "title": "Customizable Loader Spinner Transition",
      "url": "https://21st.dev/@h0bb5/components/customizable-loader-spinner-transition",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96b3d5fc2e3e952d",
      "title": "Generative Art",
      "url": "https://21st.dev/@h0bb5/components/generative-art",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "73d90744cb8a6a97",
      "title": "Zima Blue",
      "url": "https://21st.dev/@h0bb5/components/zima-blue",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7d65b8054174ea68",
      "title": "Ff",
      "url": "https://21st.dev/@hackergut/components/ff",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f47945995cca2323",
      "title": "Orgblu",
      "url": "https://21st.dev/@hackergut/components/orgblu",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2cd41e1c389bbedd",
      "title": "Fluted Glass Folds Shader",
      "url": "https://21st.dev/@hagan44637/components/fluted-glass-folds-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "32929a0dd6eb90e4",
      "title": "Calendar",
      "url": "https://21st.dev/@halaska-studio/components/calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e54a2423a1e12ff",
      "title": "Choicebox",
      "url": "https://21st.dev/@halaska-studio/components/choicebox",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3292e5dcfbe3ba31",
      "title": "Combobox",
      "url": "https://21st.dev/@halaska-studio/components/combobox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "组合选择框",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "75eda39aabf593c4",
      "title": "Dot Grid",
      "url": "https://21st.dev/@halaska-studio/components/dot-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee4d1dc93643c02b",
      "title": "File Tree",
      "url": "https://21st.dev/@halaska-studio/components/file-tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d0d15ac5754b9588",
      "title": "Halaska Dialog",
      "url": "https://21st.dev/@halaska-studio/components/halaska-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "763feaf93a8535de",
      "title": "Hover Card",
      "url": "https://21st.dev/@halaska-studio/components/hover-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "29c03729254ddb3c",
      "title": "Input Otp",
      "url": "https://21st.dev/@halaska-studio/components/input-otp",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}