{
  "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": 73,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 5760,
    "previous": "page-72.json",
    "next": "page-74.json"
  },
  "entries": [
    {
      "id": "490921f0124d98ca",
      "title": "Block Loader",
      "url": "https://21st.dev/@ruhith369/components/block-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7a46e025ac6c5f62",
      "title": "Bouncing Circles Loader",
      "url": "https://21st.dev/@ruhith369/components/bouncing-circles-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "54ce342fa726ab23",
      "title": "Health Stat Card",
      "url": "https://21st.dev/@ruhith369/components/health-stat-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "267990bc962ddd81",
      "title": "Loader",
      "url": "https://21st.dev/@ruhith369/components/loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8e1336866942cd16",
      "title": "Loader Grid",
      "url": "https://21st.dev/@ruhith369/components/loader-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2088a9de379b5923",
      "title": "Loader Progressive Bar",
      "url": "https://21st.dev/@ruhith369/components/loader-progressive-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab96a058c14cc3e4",
      "title": "Loading Bottle",
      "url": "https://21st.dev/@ruhith369/components/loading-bottle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "00a5eb3f04a363f0",
      "title": "Loading Lines",
      "url": "https://21st.dev/@ruhith369/components/loading-lines",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee23e539e8c4d6fb",
      "title": "Loading Radar",
      "url": "https://21st.dev/@ruhith369/components/loading-radar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "af1a0367d4a7d0b9",
      "title": "About Page",
      "url": "https://21st.dev/@ruixen.ui/components/about-page",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b14b9d9bd9cb5db",
      "title": "Accordian",
      "url": "https://21st.dev/@ruixen.ui/components/accordian",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7ac70cac77799063",
      "title": "Account Menu",
      "url": "https://21st.dev/@ruixen.ui/components/account-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3af05d90a141d928",
      "title": "Action Hub Input",
      "url": "https://21st.dev/@ruixen.ui/components/action-hub-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "946f7f6725526eed",
      "title": "Action Toolbar",
      "url": "https://21st.dev/@ruixen.ui/components/action-toolbar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3c4844a7cdc9af34",
      "title": "Advanced Image Uploader",
      "url": "https://21st.dev/@ruixen.ui/components/advanced-image-uploader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "888a2c3653ef5700",
      "title": "Ai Chat Input",
      "url": "https://21st.dev/@ruixen.ui/components/ai-chat-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b7a050fed2028b8",
      "title": "Alert Badge",
      "url": "https://21st.dev/@ruixen.ui/components/alert-badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "警告",
        "提示",
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d9cabea8ae355785",
      "title": "Animated Feature Spotlight3D",
      "url": "https://21st.dev/@ruixen.ui/components/animated-feature-spotlight3d",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e7389ab7b35c0d9",
      "title": "Animated Highlight Text",
      "url": "https://21st.dev/@ruixen.ui/components/animated-highlight-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa17d64a7c32fc78",
      "title": "Animated Link",
      "url": "https://21st.dev/@ruixen.ui/components/animated-link",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0302d5f978d856e6",
      "title": "Animated Number Flip",
      "url": "https://21st.dev/@ruixen.ui/components/animated-number-flip",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "翻转",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6514b65f3f63ae1b",
      "title": "App Menu Bar",
      "url": "https://21st.dev/@ruixen.ui/components/app-menu-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "19ada52bec832ce4",
      "title": "Arc Preloader Hero",
      "url": "https://21st.dev/@ruixen.ui/components/arc-preloader-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "19539ee4257425bb",
      "title": "Aurora Flow",
      "url": "https://21st.dev/@ruixen.ui/components/aurora-flow",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d4afe730301e65b7",
      "title": "Aurora Waves",
      "url": "https://21st.dev/@ruixen.ui/components/aurora-waves",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "06e015ccbf404f6e",
      "title": "Auth Dialog",
      "url": "https://21st.dev/@ruixen.ui/components/auth-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "登录",
        "注册",
        "认证"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7ce4d50fcde6c009",
      "title": "Avatar Notifications",
      "url": "https://21st.dev/@ruixen.ui/components/avatar-notifications",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "981b74ef8e30effa",
      "title": "Avatar Smart Group",
      "url": "https://21st.dev/@ruixen.ui/components/avatar-smart-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "37a2093b1907e98e",
      "title": "Badge Button Combo",
      "url": "https://21st.dev/@ruixen.ui/components/badge-button-combo",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ec6f5c2b8342a6ef",
      "title": "Badge Tabs",
      "url": "https://21st.dev/@ruixen.ui/components/badge-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e0a04b00aa644a00",
      "title": "Behavioral History Select",
      "url": "https://21st.dev/@ruixen.ui/components/behavioral-history-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9d93e413590d3069",
      "title": "Bottom Drawers",
      "url": "https://21st.dev/@ruixen.ui/components/bottom-drawers",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5ae1832502e8bc3e",
      "title": "Calendar Lume",
      "url": "https://21st.dev/@ruixen.ui/components/calendar-lume",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4823e72e3aae579a",
      "title": "Calendar Planner",
      "url": "https://21st.dev/@ruixen.ui/components/calendar-planner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "018cc0497a0ce34b",
      "title": "Calendar Scheduler",
      "url": "https://21st.dev/@ruixen.ui/components/calendar-scheduler",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "990eb471bed95781",
      "title": "Calendar Twin",
      "url": "https://21st.dev/@ruixen.ui/components/calendar-twin",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "71c51d6bacf64382",
      "title": "Calendar With Presets",
      "url": "https://21st.dev/@ruixen.ui/components/calendar-with-presets",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9cc2bb2dfcb0ed89",
      "title": "Capsule Tabs",
      "url": "https://21st.dev/@ruixen.ui/components/capsule-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "679f10e44cf8216a",
      "title": "Card Hand Gallery",
      "url": "https://21st.dev/@ruixen.ui/components/card-hand-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa1023371da9d8ba",
      "title": "Card Stack",
      "url": "https://21st.dev/@ruixen.ui/components/card-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c4d5762fce70fa54",
      "title": "Case Studies",
      "url": "https://21st.dev/@ruixen.ui/components/case-studies",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc73aac467cd4139",
      "title": "Centered Feedback Drawer",
      "url": "https://21st.dev/@ruixen.ui/components/centered-feedback-drawer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "抽屉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "af58e18e125f0555",
      "title": "Chapter Scrubber",
      "url": "https://21st.dev/@ruixen.ui/components/chapter-scrubber",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7e17d70fd1ce1972",
      "title": "Checklist Button",
      "url": "https://21st.dev/@ruixen.ui/components/checklist-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7a6ccfd20e43d859",
      "title": "Checkout Form",
      "url": "https://21st.dev/@ruixen.ui/components/checkout-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5093f6544b827b56",
      "title": "Chrono Select",
      "url": "https://21st.dev/@ruixen.ui/components/chrono-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "258043c1f071dfbc",
      "title": "Clean Tag Input",
      "url": "https://21st.dev/@ruixen.ui/components/clean-tag-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "16bd0ce96f6d616d",
      "title": "Cloud Watch Form",
      "url": "https://21st.dev/@ruixen.ui/components/cloud-watch-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "56f0da0175e0b712",
      "title": "Color Emotion Select",
      "url": "https://21st.dev/@ruixen.ui/components/color-emotion-select",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ad3dd1265a48adee",
      "title": "Column Collaboration Table",
      "url": "https://21st.dev/@ruixen.ui/components/column-collaboration-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f9d335793b79ab04",
      "title": "Combined Featured Section",
      "url": "https://21st.dev/@ruixen.ui/components/combined-featured-section",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89a55e2032fe8992",
      "title": "Comparison Table",
      "url": "https://21st.dev/@ruixen.ui/components/comparison-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fc2c5bdb51d2cf79",
      "title": "Confetti Button",
      "url": "https://21st.dev/@ruixen.ui/components/confetti-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "彩纸",
        "庆祝"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bd8110787b305d14",
      "title": "Confirmation Button",
      "url": "https://21st.dev/@ruixen.ui/components/confirmation-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9e81ff8020bb2248",
      "title": "Container Text Scroll",
      "url": "https://21st.dev/@ruixen.ui/components/container-text-scroll",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ecff44bf5b0759b7",
      "title": "Contributors Overview Table",
      "url": "https://21st.dev/@ruixen.ui/components/contributors-overview-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "499958d4d60101e6",
      "title": "Correct Number Input",
      "url": "https://21st.dev/@ruixen.ui/components/correct-number-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e4eaaed7d2221b35",
      "title": "Countdown Button",
      "url": "https://21st.dev/@ruixen.ui/components/countdown-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2f9d6c888e46667c",
      "title": "Coverflow Carousel",
      "url": "https://21st.dev/@ruixen.ui/components/coverflow-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee0c3046b27475d9",
      "title": "Creat Account Form",
      "url": "https://21st.dev/@ruixen.ui/components/creat-account-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3772d30b7a1dd27e",
      "title": "Creative Card",
      "url": "https://21st.dev/@ruixen.ui/components/creative-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "18d549e19b7e9f17",
      "title": "Credit Card Dialog",
      "url": "https://21st.dev/@ruixen.ui/components/credit-card-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9d2cc3ac1469256e",
      "title": "Credit Card Hero",
      "url": "https://21st.dev/@ruixen.ui/components/credit-card-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/credit-card-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "eb962b98c5386b77",
      "title": "Daily Timeline Scheduler",
      "url": "https://21st.dev/@ruixen.ui/components/daily-timeline-scheduler",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "36162031f32ea272",
      "title": "Date Time Input",
      "url": "https://21st.dev/@ruixen.ui/components/date-time-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "03ba17288d08075f",
      "title": "Date Time Picker",
      "url": "https://21st.dev/@ruixen.ui/components/date-time-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "时间选择器"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3caa5eb0cfa8cd5a",
      "title": "Dock",
      "url": "https://21st.dev/@ruixen.ui/components/dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aca048d7bdca501c",
      "title": "Dock Morph",
      "url": "https://21st.dev/@ruixen.ui/components/dock-morph",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f265b9a75c6971f8",
      "title": "Docks",
      "url": "https://21st.dev/@ruixen.ui/components/docks",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d08c3f029db766e",
      "title": "Doctor Live Chat Card",
      "url": "https://21st.dev/@ruixen.ui/components/doctor-live-chat-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "49db6cde3a6a9962",
      "title": "Drawer Inner Content",
      "url": "https://21st.dev/@ruixen.ui/components/drawer-inner-content",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "抽屉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "007d9ad4cd8af358",
      "title": "Drilldown Menu",
      "url": "https://21st.dev/@ruixen.ui/components/drilldown-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4468adbffcfa7f27",
      "title": "Dropdown Multi Calendar",
      "url": "https://21st.dev/@ruixen.ui/components/dropdown-multi-calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单",
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "77808a3f42020989",
      "title": "Dropdown Range Date Picker",
      "url": "https://21st.dev/@ruixen.ui/components/dropdown-range-date-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单",
        "日期选择器"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2c3ab271c6f09c24",
      "title": "Dynamic Status Button",
      "url": "https://21st.dev/@ruixen.ui/components/dynamic-status-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cb89d6f7da4e69ce",
      "title": "Elite Plan Card",
      "url": "https://21st.dev/@ruixen.ui/components/elite-plan-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "30cf1fb8bd13b82d",
      "title": "Emoji Radio Group",
      "url": "https://21st.dev/@ruixen.ui/components/emoji-radio-group",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "单选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "54aa62f5aa94a97d",
      "title": "Event Calendar",
      "url": "https://21st.dev/@ruixen.ui/components/event-calendar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6aab9d3fa6172777",
      "title": "Event Scheduler",
      "url": "https://21st.dev/@ruixen.ui/components/event-scheduler",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "318da6501bd8b91f",
      "title": "Expandable Content Button",
      "url": "https://21st.dev/@ruixen.ui/components/expandable-content-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}