{
  "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": 74,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 5840,
    "previous": "page-73.json",
    "next": "page-75.json"
  },
  "entries": [
    {
      "id": "fa615db80ad22027",
      "title": "Fade Slide Tabs",
      "url": "https://21st.dev/@ruixen.ui/components/fade-slide-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "淡入",
        "淡出"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "822ed600c0c1f003",
      "title": "Falling Symbols Background",
      "url": "https://21st.dev/@ruixen.ui/components/falling-symbols-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "79263227d5e919b7",
      "title": "Feature Accordion Section",
      "url": "https://21st.dev/@ruixen.ui/components/feature-accordion-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e94826c48bb122fe",
      "title": "Feature Highlight Pro Card",
      "url": "https://21st.dev/@ruixen.ui/components/feature-highlight-pro-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e669a0f0a0f90ab6",
      "title": "Feature Section",
      "url": "https://21st.dev/@ruixen.ui/components/feature-section",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c80322b6502a99a9",
      "title": "Feature Section 1",
      "url": "https://21st.dev/@ruixen.ui/components/feature-section-1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6b734b526969a444",
      "title": "Feature Showcase",
      "url": "https://21st.dev/@ruixen.ui/components/feature-showcase",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "131590a4633fd538",
      "title": "Featured Crm Demo Section",
      "url": "https://21st.dev/@ruixen.ui/components/featured-crm-demo-section",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "200f11d242f11801",
      "title": "Featured Section Stats",
      "url": "https://21st.dev/@ruixen.ui/components/featured-section-stats",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a4ce6e5be5178410",
      "title": "Features Detail",
      "url": "https://21st.dev/@ruixen.ui/components/features-detail",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "功能区"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d8e0e0d05ed217fe",
      "title": "File Tree",
      "url": "https://21st.dev/@ruixen.ui/components/file-tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f07e279e4367eb49",
      "title": "File Tree 1",
      "url": "https://21st.dev/@ruixen.ui/components/file-tree-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "395a7770b463d7a5",
      "title": "File Upload",
      "url": "https://21st.dev/@ruixen.ui/components/file-upload",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "上传",
        "文件上传",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "863408b95f058e86",
      "title": "Fixed Header Footer Table",
      "url": "https://21st.dev/@ruixen.ui/components/fixed-header-footer-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "921600c0002c1ee2",
      "title": "Flexi Filter Table",
      "url": "https://21st.dev/@ruixen.ui/components/flexi-filter-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e61d550125bc162e",
      "title": "Flip Card",
      "url": "https://21st.dev/@ruixen.ui/components/flip-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ed7515fdb7573c57",
      "title": "Flip Clock",
      "url": "https://21st.dev/@ruixen.ui/components/flip-clock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "23bcd96875d7e7af",
      "title": "Floating Icons Loader",
      "url": "https://21st.dev/@ruixen.ui/components/floating-icons-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f32f65a314859946",
      "title": "Floating Input",
      "url": "https://21st.dev/@ruixen.ui/components/floating-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e724c49e9bb19bbe",
      "title": "Floating Nav",
      "url": "https://21st.dev/@ruixen.ui/components/floating-nav",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4587981ce71a4baa",
      "title": "Footer 1",
      "url": "https://21st.dev/@ruixen.ui/components/footer-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ce6416bfa44b0da9",
      "title": "Futuristic Nav",
      "url": "https://21st.dev/@ruixen.ui/components/futuristic-nav",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "906d24adb296831c",
      "title": "Gallery Hover Carousel",
      "url": "https://21st.dev/@ruixen.ui/components/gallery-hover-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "悬停",
        "鼠标悬停",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3a58c99fc16f1d0b",
      "title": "Gamified Login Card",
      "url": "https://21st.dev/@ruixen.ui/components/gamified-login-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "登录",
        "登陆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9b1e85a27084144c",
      "title": "Globe",
      "url": "https://21st.dev/@ruixen.ui/components/globe",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2519478a9b4c4087",
      "title": "Globe Feature Section",
      "url": "https://21st.dev/@ruixen.ui/components/globe-feature-section",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dce59c94b0cffdfc",
      "title": "Glow Tree",
      "url": "https://21st.dev/@ruixen.ui/components/glow-tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表",
        "发光",
        "光晕"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "90409d7bee17d435",
      "title": "Gooey Dock",
      "url": "https://21st.dev/@ruixen.ui/components/gooey-dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航",
        "液态",
        "融合",
        "形变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c16c1e1f5bf2b59f",
      "title": "Gooey Pagination",
      "url": "https://21st.dev/@ruixen.ui/components/gooey-pagination",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "分页",
        "液态",
        "融合",
        "形变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1df82ba6e75a133d",
      "title": "Gradient Bold Card",
      "url": "https://21st.dev/@ruixen.ui/components/gradient-bold-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8560eb4bb4f15ab6",
      "title": "Gradient Chat Input",
      "url": "https://21st.dev/@ruixen.ui/components/gradient-chat-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "渐变",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1da8441492b56701",
      "title": "Gradient Reveal Text",
      "url": "https://21st.dev/@ruixen.ui/components/gradient-reveal-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b32c36c3b2d81b1c",
      "title": "Halo Reel",
      "url": "https://21st.dev/@ruixen.ui/components/halo-reel",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b90b347d9bd6eab4",
      "title": "Health Stat Card",
      "url": "https://21st.dev/@ruixen.ui/components/health-stat-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c424669e1eabfec9",
      "title": "Heatmap Calendar",
      "url": "https://21st.dev/@ruixen.ui/components/heatmap-calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历",
        "热力图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5c82d0011f2b94b5",
      "title": "Hero",
      "url": "https://21st.dev/@ruixen.ui/components/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/@ruixen.ui/components/hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "ff4849e28ef401eb",
      "title": "Hero Page",
      "url": "https://21st.dev/@ruixen.ui/components/hero-page",
      "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/@ruixen.ui/components/hero-page",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "694abdcffc44d98e",
      "title": "Hero Preview Walls",
      "url": "https://21st.dev/@ruixen.ui/components/hero-preview-walls",
      "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": "light",
            "label": "浅色",
            "evidence": "白色页面底色，下方青绿/蓝色图像占据明显面积。"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "白色页面底色，下方青绿/蓝色图像占据明显面积。"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-18",
        "evidenceUrl": "https://21st.dev/@ruixen.ui/components/hero-preview-walls",
        "boundary": "标签对应原站具体 selected demo 的默认桌面预览；没有把静态预览或源码检查当作浏览器交互验收。未判断的标签仍保持未知。"
      }
    },
    {
      "id": "24e793bb505c4816",
      "title": "Hero Section With Gradient",
      "url": "https://21st.dev/@ruixen.ui/components/hero-section-with-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b6d72b6f0e6d442e",
      "title": "Hero Section06",
      "url": "https://21st.dev/@ruixen.ui/components/hero-section06",
      "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/@ruixen.ui/components/hero-section06",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "a6ee4e4c34b8ec67",
      "title": "Home Section",
      "url": "https://21st.dev/@ruixen.ui/components/home-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首页",
        "房子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "11b7524e2e5215ba",
      "title": "Horizon Glow Hero",
      "url": "https://21st.dev/@ruixen.ui/components/horizon-glow-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/@ruixen.ui/components/horizon-glow-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "a2854a9caa8a4cd3",
      "title": "Hover Gradient Nav Bar",
      "url": "https://21st.dev/@ruixen.ui/components/hover-gradient-nav-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "悬停",
        "鼠标悬停",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d5856736def3c8d",
      "title": "Hover Play Card",
      "url": "https://21st.dev/@ruixen.ui/components/hover-play-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "悬停",
        "鼠标悬停",
        "播放"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "729a7c1d9a2082cc",
      "title": "Hybrid Tabs",
      "url": "https://21st.dev/@ruixen.ui/components/hybrid-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bdfe4ed415a387bb",
      "title": "Icon Grid Button",
      "url": "https://21st.dev/@ruixen.ui/components/icon-grid-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "网格",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fff71e56ac38b792",
      "title": "Icon Label Subtext Button",
      "url": "https://21st.dev/@ruixen.ui/components/icon-label-subtext-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fbef22916825e8e9",
      "title": "Icon Pagination",
      "url": "https://21st.dev/@ruixen.ui/components/icon-pagination",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "分页",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2f910e5afc57ae46",
      "title": "Identity Verification Dialog",
      "url": "https://21st.dev/@ruixen.ui/components/identity-verification-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5cdd88c7e5da1b2a",
      "title": "Image Cropper",
      "url": "https://21st.dev/@ruixen.ui/components/image-cropper",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2fd079badd7837b9",
      "title": "Image Stream Hero",
      "url": "https://21st.dev/@ruixen.ui/components/image-stream-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/@ruixen.ui/components/image-stream-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "df6ace5d29c2fbc9",
      "title": "Inbox Calendar",
      "url": "https://21st.dev/@ruixen.ui/components/inbox-calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ad4336172af84d00",
      "title": "Info Cards Table",
      "url": "https://21st.dev/@ruixen.ui/components/info-cards-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d4b68aed01cac48",
      "title": "Inline Analytics Table",
      "url": "https://21st.dev/@ruixen.ui/components/inline-analytics-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2ad65b8302ac2b8f",
      "title": "Inline Copy Input",
      "url": "https://21st.dev/@ruixen.ui/components/inline-copy-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "04b79787a1a3c342",
      "title": "Input With Select",
      "url": "https://21st.dev/@ruixen.ui/components/input-with-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dadada9436815c0d",
      "title": "Integration Hero",
      "url": "https://21st.dev/@ruixen.ui/components/integration-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/@ruixen.ui/components/integration-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "a5114818ce63f4a7",
      "title": "Integrations Section",
      "url": "https://21st.dev/@ruixen.ui/components/integrations-section",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "460d778a2222fff2",
      "title": "Interactive Button",
      "url": "https://21st.dev/@ruixen.ui/components/interactive-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "248583eddafd5cae",
      "title": "Interactive Image Gallery",
      "url": "https://21st.dev/@ruixen.ui/components/interactive-image-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8883db0ebae21d53",
      "title": "Job Slider",
      "url": "https://21st.dev/@ruixen.ui/components/job-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9d979f43c7db08f9",
      "title": "Live Preview Style Select",
      "url": "https://21st.dev/@ruixen.ui/components/live-preview-style-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "240e9c5ecad491d0",
      "title": "Load Ripple",
      "url": "https://21st.dev/@ruixen.ui/components/load-ripple",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3946e7806b97d238",
      "title": "Loader",
      "url": "https://21st.dev/@ruixen.ui/components/loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "925f9ea15a229a2b",
      "title": "Loading Circle",
      "url": "https://21st.dev/@ruixen.ui/components/loading-circle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee27cec136c253f3",
      "title": "Login Card",
      "url": "https://21st.dev/@ruixen.ui/components/login-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "登录",
        "登陆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe3dabcd605b63a9",
      "title": "Magnetic Dock",
      "url": "https://21st.dev/@ruixen.ui/components/magnetic-dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df7416d635f12a77",
      "title": "Magnetic Tabs",
      "url": "https://21st.dev/@ruixen.ui/components/magnetic-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4047c416e82b95d8",
      "title": "Mail Checker Input",
      "url": "https://21st.dev/@ruixen.ui/components/mail-checker-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "邮件",
        "信封"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5690e6d20bda9d86",
      "title": "Minimal Payment Modal",
      "url": "https://21st.dev/@ruixen.ui/components/minimal-payment-modal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "627c7f2138ea7a4d",
      "title": "Minimisable Table",
      "url": "https://21st.dev/@ruixen.ui/components/minimisable-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "46762966f1ae8d5b",
      "title": "Modern Payment Form",
      "url": "https://21st.dev/@ruixen.ui/components/modern-payment-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ceccc2a6d471e718",
      "title": "Monthly Heatmap Calendar",
      "url": "https://21st.dev/@ruixen.ui/components/monthly-heatmap-calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历",
        "热力图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "be1852a9ff931b20",
      "title": "Morphing Page Dots",
      "url": "https://21st.dev/@ruixen.ui/components/morphing-page-dots",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2eef695290989cc9",
      "title": "Mouse Spark",
      "url": "https://21st.dev/@ruixen.ui/components/mouse-spark",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "91b260aa621ee130",
      "title": "Multi Media Testimonial",
      "url": "https://21st.dev/@ruixen.ui/components/multi-media-testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c49119e497f12536",
      "title": "Multi Month Calendar",
      "url": "https://21st.dev/@ruixen.ui/components/multi-month-calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9198a34f8636be04",
      "title": "Multi Orbit Semi Circle",
      "url": "https://21st.dev/@ruixen.ui/components/multi-orbit-semi-circle",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f48734b83e1af22",
      "title": "Multi Select Calendar Card",
      "url": "https://21st.dev/@ruixen.ui/components/multi-select-calendar-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "卡片",
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "daafde0c5521fb85",
      "title": "Multi Step Button",
      "url": "https://21st.dev/@ruixen.ui/components/multi-step-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}