{
  "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": 95,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 7520,
    "previous": "page-94.json",
    "next": "page-96.json"
  },
  "entries": [
    {
      "id": "1acda68579b0cfeb",
      "title": "Scroll Text Marquee",
      "url": "https://21st.dev/@uilayout.contact/components/scroll-text-marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "滚动",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "760a625bdc0ed751",
      "title": "Sliding Ease",
      "url": "https://21st.dev/@uilayout.contact/components/sliding-ease",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a26f7d36c6c782c7",
      "title": "Smooth Scroll",
      "url": "https://21st.dev/@uilayout.contact/components/smooth-scroll",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1a67356a57e3c1b7",
      "title": "Smooth Wavy Canvas",
      "url": "https://21st.dev/@uilayout.contact/components/smooth-wavy-canvas",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d047b394f531b9e7",
      "title": "Sparkles Title3",
      "url": "https://21st.dev/@uilayout.contact/components/sparkles-title3",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "39bc7349b945b25c",
      "title": "Sparkles Title4",
      "url": "https://21st.dev/@uilayout.contact/components/sparkles-title4",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0614834171a6de6e",
      "title": "Spotlight Cursor",
      "url": "https://21st.dev/@uilayout.contact/components/spotlight-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "428d77bbfb6bcd6c",
      "title": "Stacking Card",
      "url": "https://21st.dev/@uilayout.contact/components/stacking-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4fa78d6e1dffe868",
      "title": "Stats Bento",
      "url": "https://21st.dev/@uilayout.contact/components/stats-bento",
      "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": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@uilayout.contact/components/stats-bento",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0fccb256af9a7a6c",
      "title": "Stats Bold",
      "url": "https://21st.dev/@uilayout.contact/components/stats-bold",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "05d565d068f7c8ba",
      "title": "Sticky Scroll",
      "url": "https://21st.dev/@uilayout.contact/components/sticky-scroll",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f81a61fa8950404",
      "title": "Swapy Draggable Card",
      "url": "https://21st.dev/@uilayout.contact/components/swapy-draggable-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "73167e02b3da3094",
      "title": "Tags Input 2",
      "url": "https://21st.dev/@uilayout.contact/components/tags-input-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3a5fec9503e4b370",
      "title": "Tailwind Image Accordion",
      "url": "https://21st.dev/@uilayout.contact/components/tailwind-image-accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ce51baccc1ad68e6",
      "title": "Testimonial",
      "url": "https://21st.dev/@uilayout.contact/components/testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d6cb848d5f8a611f",
      "title": "Testimonial 1",
      "url": "https://21st.dev/@uilayout.contact/components/testimonial-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f077dc82fc83f29",
      "title": "Testimonial Basic",
      "url": "https://21st.dev/@uilayout.contact/components/testimonial-basic",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ad48e019a6532295",
      "title": "Text Marque",
      "url": "https://21st.dev/@uilayout.contact/components/text-marque",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cd407f584ad8e3ac",
      "title": "Thumbnail Slider",
      "url": "https://21st.dev/@uilayout.contact/components/thumbnail-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d5275a2fb5db61d",
      "title": "Tree Code Viewer",
      "url": "https://21st.dev/@uilayout.contact/components/tree-code-viewer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f5c6f4fcee8834a2",
      "title": "Vertical Bars",
      "url": "https://21st.dev/@uilayout.contact/components/vertical-bars",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f07a3b6cdf868134",
      "title": "Vertical Thumbnail Autostart Slider",
      "url": "https://21st.dev/@uilayout.contact/components/vertical-thumbnail-autostart-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "14a8d4ab97054003",
      "title": "Vertical Thumbnail Slider",
      "url": "https://21st.dev/@uilayout.contact/components/vertical-thumbnail-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0aa95fcf996b10ca",
      "title": "About Us Section",
      "url": "https://21st.dev/@uniquesonu/components/about-us-section",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b3c24f85417f0c40",
      "title": "Advanced File Upload",
      "url": "https://21st.dev/@uniquesonu/components/advanced-file-upload",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "上传",
        "文件上传",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5c3cff57cb6b4c4a",
      "title": "Amazing Button Component",
      "url": "https://21st.dev/@uniquesonu/components/amazing-button-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab9aac6d544926b3",
      "title": "Analog Clock Component",
      "url": "https://21st.dev/@uniquesonu/components/analog-clock-component",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2580ba02973f87d6",
      "title": "Animated Chip Tab Component",
      "url": "https://21st.dev/@uniquesonu/components/animated-chip-tab-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "146afae5c75043e6",
      "title": "Animated Fuzzy Overlay Effect",
      "url": "https://21st.dev/@uniquesonu/components/animated-fuzzy-overlay-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "01eba32f76b8ef17",
      "title": "Animated Hero Section",
      "url": "https://21st.dev/@uniquesonu/components/animated-hero-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@uniquesonu/components/animated-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "dbe2d0c9171e656d",
      "title": "Animated Hero Section Ui",
      "url": "https://21st.dev/@uniquesonu/components/animated-hero-section-ui",
      "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": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@uniquesonu/components/animated-hero-section-ui",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "291c9a4bb6c9dccd",
      "title": "Animated Logo Rolodex",
      "url": "https://21st.dev/@uniquesonu/components/animated-logo-rolodex",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fed64a7624cadccf",
      "title": "Animated Shifting Tab Component",
      "url": "https://21st.dev/@uniquesonu/components/animated-shifting-tab-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "162d32e50ba0cffe",
      "title": "Animated Staggered Dropdown",
      "url": "https://21st.dev/@uniquesonu/components/animated-staggered-dropdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ea59f846a74d5921",
      "title": "Animated Svg Background",
      "url": "https://21st.dev/@uniquesonu/components/animated-svg-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "838e9bde01fb76ab",
      "title": "Animated Text With Staggered Effect",
      "url": "https://21st.dev/@uniquesonu/components/animated-text-with-staggered-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "544b563a9b611b5a",
      "title": "Animated To Do List",
      "url": "https://21st.dev/@uniquesonu/components/animated-to-do-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b2605ba4e3f6e394",
      "title": "Bounce Card Features",
      "url": "https://21st.dev/@uniquesonu/components/bounce-card-features",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "功能区"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bab649fe43d90dd9",
      "title": "Cuisine Selector Chips",
      "url": "https://21st.dev/@uniquesonu/components/cuisine-selector-chips",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ec174ea293ec066",
      "title": "Dashboard Activities",
      "url": "https://21st.dev/@uniquesonu/components/dashboard-activities",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "仪表盘",
        "后台"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8c7aeb71283c94f7",
      "title": "Dashboard Overview",
      "url": "https://21st.dev/@uniquesonu/components/dashboard-overview",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "仪表盘",
        "后台"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0df59dc44d0f5d76",
      "title": "Dashboard With Collapsible Sidebar",
      "url": "https://21st.dev/@uniquesonu/components/dashboard-with-collapsible-sidebar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "侧边栏",
        "仪表盘",
        "后台"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d6a09a22243b2556",
      "title": "Data Table Filter",
      "url": "https://21st.dev/@uniquesonu/components/data-table-filter",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e24c467a747e3e9d",
      "title": "Draggable Modal Component",
      "url": "https://21st.dev/@uniquesonu/components/draggable-modal-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3c97ece8aa40d4b",
      "title": "Empty State Beautiful Accessible No Data States",
      "url": "https://21st.dev/@uniquesonu/components/empty-state-beautiful-accessible-no-data-states",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "空状态"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7750b6d913194b7e",
      "title": "Floating Bubbles Background",
      "url": "https://21st.dev/@uniquesonu/components/floating-bubbles-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "007319fc19347910",
      "title": "Futurastic Hero Section",
      "url": "https://21st.dev/@uniquesonu/components/futurastic-hero-section",
      "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/@uniquesonu/components/futurastic-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "89e50322cd27bbb1",
      "title": "Glass Ui",
      "url": "https://21st.dev/@uniquesonu/components/glass-ui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f03b298f6a234999",
      "title": "Glow Menu",
      "url": "https://21st.dev/@uniquesonu/components/glow-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "发光",
        "光晕"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a35ee6ae1057a27b",
      "title": "Hero Section Enterprise Ready Landing Page Hero With Dual Ctas",
      "url": "https://21st.dev/@uniquesonu/components/hero-section-enterprise-ready-landing-page-hero-with-dual-ctas",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@uniquesonu/components/hero-section-enterprise-ready-landing-page-hero-with-dual-ctas",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "315d3081e350c048",
      "title": "Hotel Card Ui Component",
      "url": "https://21st.dev/@uniquesonu/components/hotel-card-ui-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3eac9b583d3c08e1",
      "title": "Hover Text Effect",
      "url": "https://21st.dev/@uniquesonu/components/hover-text-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e0857039c4ba30a9",
      "title": "Interactive Pricing Component",
      "url": "https://21st.dev/@uniquesonu/components/interactive-pricing-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0ac2912eecedc11b",
      "title": "Liquid Glass Boxes",
      "url": "https://21st.dev/@uniquesonu/components/liquid-glass-boxes",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28b52e2b6c53442e",
      "title": "Loading Indicator",
      "url": "https://21st.dev/@uniquesonu/components/loading-indicator",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5ded7fc0af456670",
      "title": "Modern Animated Hero Section",
      "url": "https://21st.dev/@uniquesonu/components/modern-animated-hero-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@uniquesonu/components/modern-animated-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "3a3552a96b9f9079",
      "title": "Modern Animated Multi Words",
      "url": "https://21st.dev/@uniquesonu/components/modern-animated-multi-words",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3e819b4653d2de3",
      "title": "Modern Background Paths",
      "url": "https://21st.dev/@uniquesonu/components/modern-background-paths",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f013953d5cb781fb",
      "title": "Modern Hero",
      "url": "https://21st.dev/@uniquesonu/components/modern-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@uniquesonu/components/modern-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "22d08a70fc0b73f7",
      "title": "Modern Hero Section",
      "url": "https://21st.dev/@uniquesonu/components/modern-hero-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@uniquesonu/components/modern-hero-section",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "34d4371e8b068652",
      "title": "Modern Hero Section 1",
      "url": "https://21st.dev/@uniquesonu/components/modern-hero-section-1",
      "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/@uniquesonu/components/modern-hero-section-1",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "815c9d9d858bd187",
      "title": "Next Gen Pagination Accessible",
      "url": "https://21st.dev/@uniquesonu/components/next-gen-pagination-accessible",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "分页"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bf0fd017c5131c41",
      "title": "Otp Input Component",
      "url": "https://21st.dev/@uniquesonu/components/otp-input-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dd1c7ca8d3f7e8f0",
      "title": "Parallax Scrolling Text Effect",
      "url": "https://21st.dev/@uniquesonu/components/parallax-scrolling-text-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "33975758ded8042c",
      "title": "Pixel Art Image Component",
      "url": "https://21st.dev/@uniquesonu/components/pixel-art-image-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9262c73716c41ab1",
      "title": "Radial Animated Doodle",
      "url": "https://21st.dev/@uniquesonu/components/radial-animated-doodle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bc2ce0f8fef2e133",
      "title": "Shimmer Button",
      "url": "https://21st.dev/@uniquesonu/components/shimmer-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "流光",
        "闪烁"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "97578d96fc4c06ed",
      "title": "Sidebar",
      "url": "https://21st.dev/@uniquesonu/components/sidebar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "侧边栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d49683cbb9bb285e",
      "title": "Slide Tabs",
      "url": "https://21st.dev/@uniquesonu/components/slide-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5052d7a72d17c2b7",
      "title": "Squishy Card Component",
      "url": "https://21st.dev/@uniquesonu/components/squishy-card-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7947ad47d1326e40",
      "title": "Suffle Hero",
      "url": "https://21st.dev/@uniquesonu/components/suffle-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@uniquesonu/components/suffle-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "7709bd65348e5726",
      "title": "Table Controls",
      "url": "https://21st.dev/@uniquesonu/components/table-controls",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7962c99f78dd0ed5",
      "title": "Text Parallax Content Scroll",
      "url": "https://21st.dev/@uniquesonu/components/text-parallax-content-scroll",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "35f925d433b70f0e",
      "title": "Unique Loader Components",
      "url": "https://21st.dev/@uniquesonu/components/unique-loader-components",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b2630bb875b924c4",
      "title": "Jelly Fish",
      "url": "https://21st.dev/@univolveit/components/jelly-fish",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ff414f216085e3e5",
      "title": "Animate Count",
      "url": "https://21st.dev/@unlumen/components/animate-count",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "77a12af40ad51f66",
      "title": "Animate Digits",
      "url": "https://21st.dev/@unlumen/components/animate-digits",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5db0dcae99740d90",
      "title": "Aurora Blur",
      "url": "https://21st.dev/@unlumen/components/aurora-blur",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景",
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "53775fa5e88f42b1",
      "title": "Clipped Circle",
      "url": "https://21st.dev/@unlumen/components/clipped-circle",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96851954e2994840",
      "title": "Count Up",
      "url": "https://21st.dev/@unlumen/components/count-up",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}