{
  "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": 67,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 5280,
    "previous": "page-66.json",
    "next": "page-68.json"
  },
  "entries": [
    {
      "id": "05fc68a09bbfd2e2",
      "title": "Textarea",
      "url": "https://21st.dev/@preetsuthar17/components/textarea",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "多行输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f4808ac5af2424ac",
      "title": "Time Picker",
      "url": "https://21st.dev/@preetsuthar17/components/time-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "时间选择器"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "086b5ea49bfcaae0",
      "title": "Timeline",
      "url": "https://21st.dev/@preetsuthar17/components/timeline",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b80867d27291b05a",
      "title": "Toolbar",
      "url": "https://21st.dev/@preetsuthar17/components/toolbar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "059d951925cbe92e",
      "title": "Tooltip",
      "url": "https://21st.dev/@preetsuthar17/components/tooltip",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "71bc0e1eb4e96e8c",
      "title": "Tree",
      "url": "https://21st.dev/@preetsuthar17/components/tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "baa81e98e460ba31",
      "title": "Tree View",
      "url": "https://21st.dev/@preetsuthar17/components/tree-view",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "043b69d1a7fe0f3f",
      "title": "Typewriter Text",
      "url": "https://21st.dev/@preetsuthar17/components/typewriter-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "打字机"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0a17236304ac25bd",
      "title": "Video Player",
      "url": "https://21st.dev/@preetsuthar17/components/video-player",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eb3df1ca8d41e2e3",
      "title": "Waitlist Form 1",
      "url": "https://21st.dev/@preetsuthar17/components/waitlist-form-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "22c65bf921ee7c4c",
      "title": "Green Down",
      "url": "https://21st.dev/@productprod7/components/green-down",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "42dce3179b0ad556",
      "title": "Mesh Drift Shader",
      "url": "https://21st.dev/@profitegood/components/mesh-drift-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7af4058e4b049104",
      "title": "Command Menu",
      "url": "https://21st.dev/@properui/components/command-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "命令",
        "搜索",
        "命令面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c775a6e9269ff316",
      "title": "Loading Indicator",
      "url": "https://21st.dev/@properui/components/loading-indicator",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5e9d7a2baca294d0",
      "title": "Page 2",
      "url": "https://21st.dev/@protechnologydxb/components/page-2",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "93c97083e657c9af",
      "title": "Vktred",
      "url": "https://21st.dev/@protechnologydxb/components/vktred",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ecc7a4ee6c5ce7ae",
      "title": "Jjanaj",
      "url": "https://21st.dev/@prozinhoo0o17/components/jjanaj",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1708dde689f01911",
      "title": "Baby Blue",
      "url": "https://21st.dev/@prv.ctech/components/baby-blue",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "efb40664249a3953",
      "title": "1S1S",
      "url": "https://21st.dev/@pshopps04/components/1s1s",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f698d32006a4d93",
      "title": "Is1S",
      "url": "https://21st.dev/@pshopps04/components/is1s",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "13cfada689303146",
      "title": "Aurora Background",
      "url": "https://21st.dev/@pulkitxm/components/aurora-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "981c83517600d3f2",
      "title": "Cursor Spotlight",
      "url": "https://21st.dev/@pulkitxm/components/cursor-spotlight",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9941fed7370fe1ea",
      "title": "Fluid Cursor Trail",
      "url": "https://21st.dev/@pulkitxm/components/fluid-cursor-trail",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "31908c6ad3151c33",
      "title": "Handwriting Svg",
      "url": "https://21st.dev/@pulkitxm/components/handwriting-svg",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "951155e24e0ea17c",
      "title": "Horizontal Scroll Gallery",
      "url": "https://21st.dev/@pulkitxm/components/horizontal-scroll-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da5637208534b41d",
      "title": "Infinite Circular Scroll",
      "url": "https://21st.dev/@pulkitxm/components/infinite-circular-scroll",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a90f140aea296657",
      "title": "Line Draw Svg",
      "url": "https://21st.dev/@pulkitxm/components/line-draw-svg",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "262511fbf9dca4d8",
      "title": "Lqip Image",
      "url": "https://21st.dev/@pulkitxm/components/lqip-image",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "85ff54ef64f0811b",
      "title": "Not Found Page",
      "url": "https://21st.dev/@pulkitxm/components/not-found-page",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a12508b5b42d03b4",
      "title": "Parallax Image",
      "url": "https://21st.dev/@pulkitxm/components/parallax-image",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "30dcf6b590ae8435",
      "title": "Party Popper",
      "url": "https://21st.dev/@pulkitxm/components/party-popper",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "433824121b721880",
      "title": "Scroll Linked Video Scrubber",
      "url": "https://21st.dev/@pulkitxm/components/scroll-linked-video-scrubber",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0c375dc44e9537ab",
      "title": "Stagger Reveal Grid",
      "url": "https://21st.dev/@pulkitxm/components/stagger-reveal-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "揭示",
        "出现",
        "入场",
        "交错",
        "逐个出现"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3fa2414c296fbe80",
      "title": "Apple Calendar Picker",
      "url": "https://21st.dev/@pulseawan/components/apple-calendar-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "916ce5b8008b7707",
      "title": "Apple Color Picker",
      "url": "https://21st.dev/@pulseawan/components/apple-color-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bb8fadd04e5cba7b",
      "title": "Apple Emoji Picker",
      "url": "https://21st.dev/@pulseawan/components/apple-emoji-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "49649bc47eb7c6fc",
      "title": "Image Expansion",
      "url": "https://21st.dev/@pulseawan/components/image-expansion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "086d7e1ed215d22f",
      "title": "Modern Login Signup",
      "url": "https://21st.dev/@pulseawan/components/modern-login-signup",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "登陆",
        "注册"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6223ee13b8604e7c",
      "title": "Rook",
      "url": "https://21st.dev/@pupilliluke/components/rook",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a98f3fbb6630cf6b",
      "title": "Artezonafoda",
      "url": "https://21st.dev/@qcrgrhmbg9/components/artezonafoda",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d4960d45681bacd",
      "title": "Qweqw",
      "url": "https://21st.dev/@quentin.hoarau193/components/qweqw",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e7741582ce42229a",
      "title": "Quordix Hero",
      "url": "https://21st.dev/@quordix/components/quordix-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": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@quordix/components/quordix-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0e590fda00a91249",
      "title": "Quordix Work Hero",
      "url": "https://21st.dev/@quordix/components/quordix-work-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "36c827be2b1ab3fd",
      "title": "Animated Testimonials",
      "url": "https://21st.dev/@radiumcoders/components/animated-testimonials",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f6db5fd198b909d3",
      "title": "Ascii Fluid",
      "url": "https://21st.dev/@radiumcoders/components/ascii-fluid",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d85ceffd8c51729",
      "title": "Ash Burst Button",
      "url": "https://21st.dev/@radiumcoders/components/ash-burst-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de87ef5450c1dd66",
      "title": "Brutal Button",
      "url": "https://21st.dev/@radiumcoders/components/brutal-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bbf230af9d1187f5",
      "title": "Chrome Button",
      "url": "https://21st.dev/@radiumcoders/components/chrome-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7b84243d569f2725",
      "title": "Click Powerup",
      "url": "https://21st.dev/@radiumcoders/components/click-powerup",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "36beeabf64b5cf92",
      "title": "Dither Button",
      "url": "https://21st.dev/@radiumcoders/components/dither-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4b7906f5583ce933",
      "title": "Frame Button",
      "url": "https://21st.dev/@radiumcoders/components/frame-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1af7afd38cc495ab",
      "title": "Gooey Color Picker",
      "url": "https://21st.dev/@radiumcoders/components/gooey-color-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "液态",
        "融合",
        "形变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c46a5c252d807c55",
      "title": "Grid Button",
      "url": "https://21st.dev/@radiumcoders/components/grid-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f8fcaae83c11b5e3",
      "title": "Highlight Button",
      "url": "https://21st.dev/@radiumcoders/components/highlight-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab868d7660332f6b",
      "title": "Live Orb",
      "url": "https://21st.dev/@radiumcoders/components/live-orb",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "45a1bb1be2097007",
      "title": "Logo Burst",
      "url": "https://21st.dev/@radiumcoders/components/logo-burst",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "01e83d57963e87dd",
      "title": "Minimal Button",
      "url": "https://21st.dev/@radiumcoders/components/minimal-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "87bced2949f4aea1",
      "title": "Motion Btn",
      "url": "https://21st.dev/@radiumcoders/components/motion-btn",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d497297d34998f32",
      "title": "Movie Pass",
      "url": "https://21st.dev/@radiumcoders/components/movie-pass",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e43aa35cb106c38c",
      "title": "Scroll Bars",
      "url": "https://21st.dev/@radiumcoders/components/scroll-bars",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1078572ed9672625",
      "title": "Shader Fire",
      "url": "https://21st.dev/@radiumcoders/components/shader-fire",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "686e1ba1eb8c70b6",
      "title": "Shiny Button",
      "url": "https://21st.dev/@radiumcoders/components/shiny-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "36fca0d59ec02433",
      "title": "Slide To Detonate",
      "url": "https://21st.dev/@radiumcoders/components/slide-to-detonate",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "896ef854df758480",
      "title": "Tangle Footer",
      "url": "https://21st.dev/@radiumcoders/components/tangle-footer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "225260a85f0636da",
      "title": "Colorful Bento Grid",
      "url": "https://21st.dev/@radu/components/colorful-bento-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@radu/components/colorful-bento-grid",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "c741b322e413bc6d",
      "title": "Footer Taped Design",
      "url": "https://21st.dev/@radu/components/footer-taped-design",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "770f34891f1b67fb",
      "title": "Pricing Slider Loops",
      "url": "https://21st.dev/@radu/components/pricing-slider-loops",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "91204466ed9f65f2",
      "title": "Ai Assistant Interface",
      "url": "https://21st.dev/@rafa-porto/components/ai-assistant-interface",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ed73d04f0bc37d18",
      "title": "Publish Button",
      "url": "https://21st.dev/@rafa-porto/components/publish-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "134a42113c093980",
      "title": "Sign In",
      "url": "https://21st.dev/@rafa-porto/components/sign-in",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3df3da3344b75c41",
      "title": "To Do Card",
      "url": "https://21st.dev/@rafa-porto/components/to-do-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e89dc357648254a6",
      "title": "Aether Hero",
      "url": "https://21st.dev/@rahil1202/components/aether-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@rahil1202/components/aether-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "8bf268964662f6ea",
      "title": "Aurora Flux",
      "url": "https://21st.dev/@rahil1202/components/aurora-flux",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6d85deb0ffe9241a",
      "title": "Bell Notify",
      "url": "https://21st.dev/@rahil1202/components/bell-notify",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "铃铛",
        "通知"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fadf0b62dadd20ce",
      "title": "Credit Card Form",
      "url": "https://21st.dev/@rahil1202/components/credit-card-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f6b11809cbfdcd03",
      "title": "Fire Sphere",
      "url": "https://21st.dev/@rahil1202/components/fire-sphere",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d600ff672ddc7073",
      "title": "Glass Video Hero",
      "url": "https://21st.dev/@rahil1202/components/glass-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": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@rahil1202/components/glass-video-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "2935df1e49cdc5b6",
      "title": "Interactive Gradient Background",
      "url": "https://21st.dev/@rahil1202/components/interactive-gradient-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df3a364a6408fd4e",
      "title": "Light Speed",
      "url": "https://21st.dev/@rahil1202/components/light-speed",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "967da3fae7e4180f",
      "title": "Metallic Business Card",
      "url": "https://21st.dev/@rahil1202/components/metallic-business-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}