{
  "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": 56,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 4400,
    "previous": "page-55.json",
    "next": "page-57.json"
  },
  "entries": [
    {
      "id": "a8d84be27aeb5990",
      "title": "Pricing",
      "url": "https://21st.dev/@mikolajdobrucki/components/pricing",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "003db5ebccfa7c37",
      "title": "3D Box Loader Animation",
      "url": "https://21st.dev/@minhxthanh/components/3d-box-loader-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f0c22167771d8c0",
      "title": "3D Parallax Effect On Hover",
      "url": "https://21st.dev/@minhxthanh/components/3d-parallax-effect-on-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9b8668c353625544",
      "title": "Activity Dropdown",
      "url": "https://21st.dev/@minhxthanh/components/activity-dropdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "27b762bbbfa1c771",
      "title": "Animated Background Lines",
      "url": "https://21st.dev/@minhxthanh/components/animated-background-lines",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "855dc2e6a1f77186",
      "title": "Animated Feature Carousel",
      "url": "https://21st.dev/@minhxthanh/components/animated-feature-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "81ca20086108aabc",
      "title": "Animated Infinity Background",
      "url": "https://21st.dev/@minhxthanh/components/animated-infinity-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7b16d9bf85feb433",
      "title": "Animated Input",
      "url": "https://21st.dev/@minhxthanh/components/animated-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "274aae7af6c0d001",
      "title": "Animated Scroll",
      "url": "https://21st.dev/@minhxthanh/components/animated-scroll",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc196d068ded2ac7",
      "title": "Animated Section With Gradient And Dynamic Lines",
      "url": "https://21st.dev/@minhxthanh/components/animated-section-with-gradient-and-dynamic-lines",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8476bbe329efd51b",
      "title": "Animated Shader Background",
      "url": "https://21st.dev/@minhxthanh/components/animated-shader-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "795d95628faed8e9",
      "title": "Arc Gallery Hero Component",
      "url": "https://21st.dev/@minhxthanh/components/arc-gallery-hero-component",
      "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/@minhxthanh/components/arc-gallery-hero-component",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "3c5ca917fb140eb4",
      "title": "Background Grid Beam",
      "url": "https://21st.dev/@minhxthanh/components/background-grid-beam",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "光束",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f32d2b2437b2c09",
      "title": "Black Hole Vortex Animation",
      "url": "https://21st.dev/@minhxthanh/components/black-hole-vortex-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0b834d25f7571f6e",
      "title": "Bubble Text",
      "url": "https://21st.dev/@minhxthanh/components/bubble-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "882a7f45d70dff39",
      "title": "Carousel Circular Image Gallery",
      "url": "https://21st.dev/@minhxthanh/components/carousel-circular-image-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "环形",
        "圆形",
        "图片",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9404397026bab459",
      "title": "Circular Flip Card Gallery",
      "url": "https://21st.dev/@minhxthanh/components/circular-flip-card-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "卡片",
        "翻转",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2136a4736728a0a7",
      "title": "Copy Code Button",
      "url": "https://21st.dev/@minhxthanh/components/copy-code-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "41dfb7f46d3a145c",
      "title": "Dance Text Animation",
      "url": "https://21st.dev/@minhxthanh/components/dance-text-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d57393efcddff1f",
      "title": "Digital Serenity Animated Landing Page",
      "url": "https://21st.dev/@minhxthanh/components/digital-serenity-animated-landing-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": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@minhxthanh/components/digital-serenity-animated-landing-page",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "7b41432da74ae6c6",
      "title": "Drag Cards",
      "url": "https://21st.dev/@minhxthanh/components/drag-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f39b6ccef1fa586",
      "title": "Dynamic Animated Hero Section With Gradient",
      "url": "https://21st.dev/@minhxthanh/components/dynamic-animated-hero-section-with-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9955917573025a16",
      "title": "Dynamic Text Slider",
      "url": "https://21st.dev/@minhxthanh/components/dynamic-text-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c1c3a6eddb635352",
      "title": "Dynamic Wave Canvas Background",
      "url": "https://21st.dev/@minhxthanh/components/dynamic-wave-canvas-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "afb5a5e6725029e4",
      "title": "Flip Gallery",
      "url": "https://21st.dev/@minhxthanh/components/flip-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "翻转",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "888e241888e662a0",
      "title": "Glowing Input",
      "url": "https://21st.dev/@minhxthanh/components/glowing-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "523b72b5f71f05d7",
      "title": "Gradient Card Showcase",
      "url": "https://21st.dev/@minhxthanh/components/gradient-card-showcase",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "114c5736b1292ba3",
      "title": "Gradient Menu",
      "url": "https://21st.dev/@minhxthanh/components/gradient-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "61e6728a74f47b0f",
      "title": "Grid Hero Animated",
      "url": "https://21st.dev/@minhxthanh/components/grid-hero-animated",
      "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/@minhxthanh/components/grid-hero-animated",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "b39578cd5f721108",
      "title": "Hover Preview",
      "url": "https://21st.dev/@minhxthanh/components/hover-preview",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0db45976d7ce2756",
      "title": "Image Comparison Slider",
      "url": "https://21st.dev/@minhxthanh/components/image-comparison-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ae042ff5f149110b",
      "title": "Images Scrolling Animation",
      "url": "https://21st.dev/@minhxthanh/components/images-scrolling-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba806490a4f21894",
      "title": "Interactive Image Accordion",
      "url": "https://21st.dev/@minhxthanh/components/interactive-image-accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fa6b8e1b3c839571",
      "title": "Interactive Neural Vortex Background",
      "url": "https://21st.dev/@minhxthanh/components/interactive-neural-vortex-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a3d5d1d9fd63fb0",
      "title": "Interactive Particle Typography 1",
      "url": "https://21st.dev/@minhxthanh/components/interactive-particle-typography-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子",
        "排版",
        "字体"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bf531bec230c3898",
      "title": "Interactive Scrolling Story Component",
      "url": "https://21st.dev/@minhxthanh/components/interactive-scrolling-story-component",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b76febe71268a33e",
      "title": "Interactive Selector",
      "url": "https://21st.dev/@minhxthanh/components/interactive-selector",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "106eb5ba02a1577f",
      "title": "Lightning Text",
      "url": "https://21st.dev/@minhxthanh/components/lightning-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "be0d80d5b70a4e02",
      "title": "Liquid Effect Animation",
      "url": "https://21st.dev/@minhxthanh/components/liquid-effect-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c02cee146e8e2b2e",
      "title": "Login Form",
      "url": "https://21st.dev/@minhxthanh/components/login-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单",
        "登录",
        "登陆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d6f0c9b1656c966",
      "title": "Mac Os Animated Shortcut Keyboard",
      "url": "https://21st.dev/@minhxthanh/components/mac-os-animated-shortcut-keyboard",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "464e9bfdf8a3f90e",
      "title": "Menu Hover Effects",
      "url": "https://21st.dev/@minhxthanh/components/menu-hover-effects",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3a7c0cbbe357c773",
      "title": "Mouse Responsive Background",
      "url": "https://21st.dev/@minhxthanh/components/mouse-responsive-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f28411ee238049b",
      "title": "Moving Dot Card",
      "url": "https://21st.dev/@minhxthanh/components/moving-dot-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ed1d706a82892410",
      "title": "Neon Orbs",
      "url": "https://21st.dev/@minhxthanh/components/neon-orbs",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fd2cd37939790b7f",
      "title": "Otp Input",
      "url": "https://21st.dev/@minhxthanh/components/otp-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9a5cc950301a2d44",
      "title": "Otp Verify",
      "url": "https://21st.dev/@minhxthanh/components/otp-verify",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d795f47b4e1224aa",
      "title": "Page Not Found",
      "url": "https://21st.dev/@minhxthanh/components/page-not-found",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "91700b3bd66ebd71",
      "title": "Parallax Scrolling Effect",
      "url": "https://21st.dev/@minhxthanh/components/parallax-scrolling-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "55d78f2b2326adea",
      "title": "Radio Button",
      "url": "https://21st.dev/@minhxthanh/components/radio-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "单选框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ed68ebc1e8db8739",
      "title": "Scrolling Animation",
      "url": "https://21st.dev/@minhxthanh/components/scrolling-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fca4f75c6f9d404e",
      "title": "Shader Background",
      "url": "https://21st.dev/@minhxthanh/components/shader-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eeca728fe0f4632e",
      "title": "Simple Ui",
      "url": "https://21st.dev/@minhxthanh/components/simple-ui",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5050b41e53378150",
      "title": "Slide Tabs",
      "url": "https://21st.dev/@minhxthanh/components/slide-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "50841e308a9c8128",
      "title": "Spider Cursor",
      "url": "https://21st.dev/@minhxthanh/components/spider-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a08f7ab845f42b8d",
      "title": "Spinning Arc Logo With Gradient Text 1",
      "url": "https://21st.dev/@minhxthanh/components/spinning-arc-logo-with-gradient-text-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe5bf57f354b95e5",
      "title": "Sticky Scroll Cards Section",
      "url": "https://21st.dev/@minhxthanh/components/sticky-scroll-cards-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5037d6745e620442",
      "title": "Svg Path Drawing Text Animation",
      "url": "https://21st.dev/@minhxthanh/components/svg-path-drawing-text-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "07f15f7eea2c7071",
      "title": "Text Animation",
      "url": "https://21st.dev/@minhxthanh/components/text-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "47e1d4c250d119a6",
      "title": "Text Explode",
      "url": "https://21st.dev/@minhxthanh/components/text-explode",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4f6888bfbd91cd03",
      "title": "Theme Toggle Buttons",
      "url": "https://21st.dev/@minhxthanh/components/theme-toggle-buttons",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "切换",
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1651f862b0083a9d",
      "title": "Triangles Falling",
      "url": "https://21st.dev/@minhxthanh/components/triangles-falling",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "60bee43a6de592c0",
      "title": "Waitlist Hero",
      "url": "https://21st.dev/@minhxthanh/components/waitlist-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          },
          {
            "id": "input",
            "label": "操作或表单入口",
            "evidence": "已逐条核验对应画面：可填写的操作或表单入口"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@minhxthanh/components/waitlist-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "37b41af6b3b5a424",
      "title": "Weave Spinner",
      "url": "https://21st.dev/@minhxthanh/components/weave-spinner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "57fa76cebf6140a1",
      "title": "Card Hover",
      "url": "https://21st.dev/@misbahansar/components/card-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de9037addfa863bf",
      "title": "Whitecurd Original",
      "url": "https://21st.dev/@mishra.archana0148/components/whitecurd-original",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0a786720ef3f49fe",
      "title": "Ass",
      "url": "https://21st.dev/@mishraathrav917/components/ass",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "883ac84b3c6e3672",
      "title": "Ff",
      "url": "https://21st.dev/@mjiu651/components/ff",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "efcd50687f572ceb",
      "title": "Act Of Creation",
      "url": "https://21st.dev/@mkasiak/components/act-of-creation",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f3325e976ffc3123",
      "title": "Oran G",
      "url": "https://21st.dev/@mluzetti11/components/oran-g",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8306370b8344a8b4",
      "title": "Mo Mosaic",
      "url": "https://21st.dev/@mo040/components/mo-mosaic",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bd81c775cc52cdf3",
      "title": "3D Gallery Photography",
      "url": "https://21st.dev/@moazamtrade/components/3d-gallery-photography",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "76279385527edae8",
      "title": "3D Image Gallery",
      "url": "https://21st.dev/@moazamtrade/components/3d-image-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D",
        "图片",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "db4a2e948563b950",
      "title": "3D Orbit Gallery",
      "url": "https://21st.dev/@moazamtrade/components/3d-orbit-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b7f7d7b9f6531f38",
      "title": "Ai Models Preview",
      "url": "https://21st.dev/@moazamtrade/components/ai-models-preview",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e51d0601f1383f91",
      "title": "Animate Card Animation",
      "url": "https://21st.dev/@moazamtrade/components/animate-card-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b8cf31ffb24473ac",
      "title": "Animated Generate Button Shadcn Tailwind",
      "url": "https://21st.dev/@moazamtrade/components/animated-generate-button-shadcn-tailwind",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "97469d753cac4c71",
      "title": "Background Shader",
      "url": "https://21st.dev/@moazamtrade/components/background-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3848d6d2289578df",
      "title": "Background Shaders",
      "url": "https://21st.dev/@moazamtrade/components/background-shaders",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f7202961182b22d",
      "title": "Background Shades",
      "url": "https://21st.dev/@moazamtrade/components/background-shades",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}