{
  "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": 23,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 1760,
    "previous": "page-22.json",
    "next": "page-24.json"
  },
  "entries": [
    {
      "id": "4a44378384edd6e1",
      "title": "Cinematic Orbit Hero",
      "url": "https://21st.dev/@daiwiikharihar/components/cinematic-orbit-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@daiwiikharihar/components/cinematic-orbit-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "529dc29e9ff8bdf3",
      "title": "Cinematic Studio Switch",
      "url": "https://21st.dev/@daiwiikharihar/components/cinematic-studio-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d1f99ddfd9f8ebe",
      "title": "Constellation Grid",
      "url": "https://21st.dev/@daiwiikharihar/components/constellation-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fd4967d1770b51df",
      "title": "Cube Loader",
      "url": "https://21st.dev/@daiwiikharihar/components/cube-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "accf408bc3361bca",
      "title": "Elastic Gallery",
      "url": "https://21st.dev/@daiwiikharihar/components/elastic-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2f43336249589fbd",
      "title": "Flip Disk Matrix",
      "url": "https://21st.dev/@daiwiikharihar/components/flip-disk-matrix",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d5fd499696852df",
      "title": "Fluid Flow Grid",
      "url": "https://21st.dev/@daiwiikharihar/components/fluid-flow-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aecf92f910f91ac8",
      "title": "Glare Cards",
      "url": "https://21st.dev/@daiwiikharihar/components/glare-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "反光",
        "高光"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ce826b6a529a5283",
      "title": "Glitch Text Animation",
      "url": "https://21st.dev/@daiwiikharihar/components/glitch-text-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ecb179892309653",
      "title": "Harmonic Wave",
      "url": "https://21st.dev/@daiwiikharihar/components/harmonic-wave",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7af077a72505ef32",
      "title": "Helix Chrono Matrix",
      "url": "https://21st.dev/@daiwiikharihar/components/helix-chrono-matrix",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f97c46ab1c9f351",
      "title": "Hero Shutter Text",
      "url": "https://21st.dev/@daiwiikharihar/components/hero-shutter-text",
      "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/@daiwiikharihar/components/hero-shutter-text",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "ea1809597636bf4a",
      "title": "Holographic Foil Card",
      "url": "https://21st.dev/@daiwiikharihar/components/holographic-foil-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7cc39147d6a55b3b",
      "title": "Hover Terminal",
      "url": "https://21st.dev/@daiwiikharihar/components/hover-terminal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "终端"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9c927f1c58ca6e2d",
      "title": "Hyper Grid",
      "url": "https://21st.dev/@daiwiikharihar/components/hyper-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a7e24ad2314a0ad3",
      "title": "Hyperdimensional Voxel Cube",
      "url": "https://21st.dev/@daiwiikharihar/components/hyperdimensional-voxel-cube",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1f1903761a0ee66a",
      "title": "Industrial Switch",
      "url": "https://21st.dev/@daiwiikharihar/components/industrial-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ad337ea511648705",
      "title": "Iso Fader",
      "url": "https://21st.dev/@daiwiikharihar/components/iso-fader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4cc643818310ea24",
      "title": "Kaleidoscope Symmetry",
      "url": "https://21st.dev/@daiwiikharihar/components/kaleidoscope-symmetry",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "212c14321cb34978",
      "title": "Kinetic Dots Loader",
      "url": "https://21st.dev/@daiwiikharihar/components/kinetic-dots-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b3af401709bf444d",
      "title": "Kinetic Matrix",
      "url": "https://21st.dev/@daiwiikharihar/components/kinetic-matrix",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "45d8a92c6eab921c",
      "title": "Kinetic Particle Fabric",
      "url": "https://21st.dev/@daiwiikharihar/components/kinetic-particle-fabric",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "719137c36b2e15cd",
      "title": "Kinetic Team Hybrid",
      "url": "https://21st.dev/@daiwiikharihar/components/kinetic-team-hybrid",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2a76581efb225f74",
      "title": "Lattice Background",
      "url": "https://21st.dev/@daiwiikharihar/components/lattice-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5df8f5c2068736fe",
      "title": "Liquid Grid Text",
      "url": "https://21st.dev/@daiwiikharihar/components/liquid-grid-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "557479960c5f0ee7",
      "title": "Logo Cloud",
      "url": "https://21st.dev/@daiwiikharihar/components/logo-cloud",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d8a2537c45664cd",
      "title": "Lorenz Attractor",
      "url": "https://21st.dev/@daiwiikharihar/components/lorenz-attractor",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8cc9a27ea174d057",
      "title": "Metaball Morph",
      "url": "https://21st.dev/@daiwiikharihar/components/metaball-morph",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8a76d8f3d78d9cfe",
      "title": "Moire Shear Field",
      "url": "https://21st.dev/@daiwiikharihar/components/moire-shear-field",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8c8fef8a7cf162f6",
      "title": "Murmuration Boids",
      "url": "https://21st.dev/@daiwiikharihar/components/murmuration-boids",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0a8fd26701a78d49",
      "title": "Neo Brutalist Kinetic Deck",
      "url": "https://21st.dev/@daiwiikharihar/components/neo-brutalist-kinetic-deck",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ff177612b20bfbb",
      "title": "Neon Mesh",
      "url": "https://21st.dev/@daiwiikharihar/components/neon-mesh",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a477a4d5d3530e45",
      "title": "Next Reveal",
      "url": "https://21st.dev/@daiwiikharihar/components/next-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba1ffd5c52883360",
      "title": "Panoramic Spread Hero",
      "url": "https://21st.dev/@daiwiikharihar/components/panoramic-spread-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@daiwiikharihar/components/panoramic-spread-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "b8f6296f92094868",
      "title": "Phyllotaxis Bloom",
      "url": "https://21st.dev/@daiwiikharihar/components/phyllotaxis-bloom",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "292a33ca375a9df5",
      "title": "Pillar Grid",
      "url": "https://21st.dev/@daiwiikharihar/components/pillar-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8944d5f986089ce6",
      "title": "Profile Card",
      "url": "https://21st.dev/@daiwiikharihar/components/profile-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0da5d32452a51114",
      "title": "Quantum Cloud Loader",
      "url": "https://21st.dev/@daiwiikharihar/components/quantum-cloud-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c1b79812c3234fd6",
      "title": "Quantum Flux",
      "url": "https://21st.dev/@daiwiikharihar/components/quantum-flux",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "609da403706164b8",
      "title": "Quantum Swarm",
      "url": "https://21st.dev/@daiwiikharihar/components/quantum-swarm",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7d51807d62e8ef79",
      "title": "Radial Burst",
      "url": "https://21st.dev/@daiwiikharihar/components/radial-burst",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e1dda4bc1ca26e37",
      "title": "Radial Spread Hero",
      "url": "https://21st.dev/@daiwiikharihar/components/radial-spread-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/@daiwiikharihar/components/radial-spread-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "3402e3d3a28a3d6c",
      "title": "Reveal Image Mask",
      "url": "https://21st.dev/@daiwiikharihar/components/reveal-image-mask",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "137fc4648c3bf0d9",
      "title": "Rolling List",
      "url": "https://21st.dev/@daiwiikharihar/components/rolling-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e070797cca43a163",
      "title": "Scroll Triggered Video Hero",
      "url": "https://21st.dev/@daiwiikharihar/components/scroll-triggered-video-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "滚动",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "left",
            "label": "左对齐首屏",
            "evidence": "已逐条核验对应画面：左对齐的标题与正文"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@daiwiikharihar/components/scroll-triggered-video-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "4a2b4ed9c1712c37",
      "title": "Singularity",
      "url": "https://21st.dev/@daiwiikharihar/components/singularity",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e38ad94be16c0e5e",
      "title": "Slanted Spread Hero",
      "url": "https://21st.dev/@daiwiikharihar/components/slanted-spread-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@daiwiikharihar/components/slanted-spread-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0dce60482bf77454",
      "title": "Spatial Depth Hero",
      "url": "https://21st.dev/@daiwiikharihar/components/spatial-depth-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@daiwiikharihar/components/spatial-depth-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "983e1d8985579683",
      "title": "Spatial Product Showcase",
      "url": "https://21st.dev/@daiwiikharihar/components/spatial-product-showcase",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5fdc0870183b9d8",
      "title": "Split Axis Convergence",
      "url": "https://21st.dev/@daiwiikharihar/components/split-axis-convergence",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5bb45b731663aab",
      "title": "Stack Spread",
      "url": "https://21st.dev/@daiwiikharihar/components/stack-spread",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "22b1215c1b29614c",
      "title": "Text Block Animation",
      "url": "https://21st.dev/@daiwiikharihar/components/text-block-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a1d426e99e7bd170",
      "title": "Text Reveal",
      "url": "https://21st.dev/@daiwiikharihar/components/text-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d70037d8de21907",
      "title": "Tweet Card",
      "url": "https://21st.dev/@daiwiikharihar/components/tweet-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "29e1090a8c95098e",
      "title": "Voxel Matrix",
      "url": "https://21st.dev/@daiwiikharihar/components/voxel-matrix",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "94e82a47949a4a78",
      "title": "Voxel Topography Grid",
      "url": "https://21st.dev/@daiwiikharihar/components/voxel-topography-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "257942771a901244",
      "title": "Wave Field",
      "url": "https://21st.dev/@daiwiikharihar/components/wave-field",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2858cbbb781d6b92",
      "title": "Wave Text",
      "url": "https://21st.dev/@daiwiikharihar/components/wave-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5256d1a6f7d5a7ac",
      "title": "3D Ascii Model Viewer",
      "url": "https://21st.dev/@daniel__designs/components/3d-ascii-model-viewer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d16d4ed84cb6b09",
      "title": "Gradient Shader Card",
      "url": "https://21st.dev/@daniel__designs/components/gradient-shader-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9d097a83905428d0",
      "title": "De Grade S Bleu",
      "url": "https://21st.dev/@danielleppy9/components/de-grade-s-bleu",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "980f687b6caa4831",
      "title": "Animated Gradient With Svg",
      "url": "https://21st.dev/@danielpetho/components/animated-gradient-with-svg",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "082e1d8c3abaeaef",
      "title": "Basic Number Ticker",
      "url": "https://21st.dev/@danielpetho/components/basic-number-ticker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7c7f1e59d47f49a5",
      "title": "Box Carousel",
      "url": "https://21st.dev/@danielpetho/components/box-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9f1d789b2b48fc90",
      "title": "Breathing Text",
      "url": "https://21st.dev/@danielpetho/components/breathing-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "675f1474a9d278be",
      "title": "Css Box",
      "url": "https://21st.dev/@danielpetho/components/css-box",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6501b30ca297127c",
      "title": "Elastic Line",
      "url": "https://21st.dev/@danielpetho/components/elastic-line",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f9608757f90006f1",
      "title": "Image Trail",
      "url": "https://21st.dev/@danielpetho/components/image-trail",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "accbb028f71350c8",
      "title": "Letter 3D Swap",
      "url": "https://21st.dev/@danielpetho/components/letter-3d-swap",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "42e053825b05ee0f",
      "title": "Letter Swap",
      "url": "https://21st.dev/@danielpetho/components/letter-swap",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "717cb8ea2fe9da1d",
      "title": "Marquee Along Svg Path",
      "url": "https://21st.dev/@danielpetho/components/marquee-along-svg-path",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "338d1a64775a4034",
      "title": "Parallax Floating",
      "url": "https://21st.dev/@danielpetho/components/parallax-floating",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b00520ae3165f3a5",
      "title": "Pixel Trail",
      "url": "https://21st.dev/@danielpetho/components/pixel-trail",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e338daaa10edc3f",
      "title": "Random Letter Swap",
      "url": "https://21st.dev/@danielpetho/components/random-letter-swap",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "965d1c1b425df7ce",
      "title": "Scramble Hover",
      "url": "https://21st.dev/@danielpetho/components/scramble-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3db4b1ad3f34f46a",
      "title": "Scroll And Swap Text",
      "url": "https://21st.dev/@danielpetho/components/scroll-and-swap-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2541ec7c98804ef2",
      "title": "Stacking Cards",
      "url": "https://21st.dev/@danielpetho/components/stacking-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b61ddeb053a8cad4",
      "title": "Text Along Path",
      "url": "https://21st.dev/@danielpetho/components/text-along-path",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "24936d56f1f2bbed",
      "title": "Text Cursor Proximity",
      "url": "https://21st.dev/@danielpetho/components/text-cursor-proximity",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "980a4681429cd8c8",
      "title": "Text Highlighter",
      "url": "https://21st.dev/@danielpetho/components/text-highlighter",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}