{
  "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": 28,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 2160,
    "previous": "page-27.json",
    "next": "page-29.json"
  },
  "entries": [
    {
      "id": "6880a1cad8c21f93",
      "title": "Generative Art Gallery",
      "url": "https://21st.dev/@dhileepkumargm/components/generative-art-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d76d7a451b5451b",
      "title": "Geometric Sphere",
      "url": "https://21st.dev/@dhileepkumargm/components/geometric-sphere",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2f72471dc4dd20f6",
      "title": "Glass Refraction Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/glass-refraction-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/@dhileepkumargm/components/glass-refraction-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0fd15164c5dcfc3e",
      "title": "Glass Shine Card",
      "url": "https://21st.dev/@dhileepkumargm/components/glass-shine-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4409f7d4d2f03b33",
      "title": "Glitch Cursor",
      "url": "https://21st.dev/@dhileepkumargm/components/glitch-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "21a5374d49b18eb7",
      "title": "Glowing Hero Background",
      "url": "https://21st.dev/@dhileepkumargm/components/glowing-hero-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9907d8b138f08006",
      "title": "Gold Map Pattern",
      "url": "https://21st.dev/@dhileepkumargm/components/gold-map-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "地图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "800000f2c031f100",
      "title": "Gooey Button",
      "url": "https://21st.dev/@dhileepkumargm/components/gooey-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "液态",
        "融合",
        "形变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8b87ac2cde2207a5",
      "title": "Grid Glow Background",
      "url": "https://21st.dev/@dhileepkumargm/components/grid-glow-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "发光",
        "光晕",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "75e6cdab67d94ff8",
      "title": "Grid Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/grid-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "321a32c2de638ad8",
      "title": "Habit Faq Scroller",
      "url": "https://21st.dev/@dhileepkumargm/components/habit-faq-scroller",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "常见问题"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dbdbc88c17f02e6d",
      "title": "Hello Vietnamese Effect",
      "url": "https://21st.dev/@dhileepkumargm/components/hello-vietnamese-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5417f58c5afe31e5",
      "title": "Hero Section",
      "url": "https://21st.dev/@dhileepkumargm/components/hero-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f543133d291b1ea6",
      "title": "Hexagonal Puls Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/hexagonal-puls-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa2c076f7f3105a7",
      "title": "Holographic Card",
      "url": "https://21st.dev/@dhileepkumargm/components/holographic-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dcf026e676ebf608",
      "title": "Holographic Interface",
      "url": "https://21st.dev/@dhileepkumargm/components/holographic-interface",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9e483ef4052ae49f",
      "title": "Hyperdrive Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/hyperdrive-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": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@dhileepkumargm/components/hyperdrive-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "c828c6441816b66b",
      "title": "Hyperspace Warp Drive",
      "url": "https://21st.dev/@dhileepkumargm/components/hyperspace-warp-drive",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eb2e11b71119c5c7",
      "title": "Img Reveal",
      "url": "https://21st.dev/@dhileepkumargm/components/img-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e0b0ddabd3fffa7d",
      "title": "Infinite Plane",
      "url": "https://21st.dev/@dhileepkumargm/components/infinite-plane",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2307e044fa10fa24",
      "title": "Interactive 3D Analytics Dashboard Card",
      "url": "https://21st.dev/@dhileepkumargm/components/interactive-3d-analytics-dashboard-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "三维",
        "3D",
        "仪表盘",
        "后台"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "860b8bde4d567e39",
      "title": "Interactive 3D Character",
      "url": "https://21st.dev/@dhileepkumargm/components/interactive-3d-character",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "955b87f3cfd8fd7a",
      "title": "Interactive Command Card",
      "url": "https://21st.dev/@dhileepkumargm/components/interactive-command-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "命令",
        "搜索",
        "命令面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b8f71c92f4db6ab7",
      "title": "Interactive Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/interactive-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f051f04ae8ed61de",
      "title": "Interactive Synapse Network",
      "url": "https://21st.dev/@dhileepkumargm/components/interactive-synapse-network",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8f0ba6ec63cbee14",
      "title": "Interactive Waves",
      "url": "https://21st.dev/@dhileepkumargm/components/interactive-waves",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ce942f522bd92b2e",
      "title": "Iridescent Braided Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/iridescent-braided-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e3aa0b2ff0d4cad",
      "title": "Island Pattern",
      "url": "https://21st.dev/@dhileepkumargm/components/island-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a9c0c1bb7e56878f",
      "title": "Kaleidoscopic Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/kaleidoscopic-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0839f7111057402e",
      "title": "Kinetic Orb Loader",
      "url": "https://21st.dev/@dhileepkumargm/components/kinetic-orb-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d90c7569615ca85f",
      "title": "Kinetic Scroll Gallery",
      "url": "https://21st.dev/@dhileepkumargm/components/kinetic-scroll-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "51bcbea18bc62086",
      "title": "Light Up Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/light-up-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "189cedba7d405fe1",
      "title": "Lining Waves Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/lining-waves-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7d1ba1dd26c8195b",
      "title": "Liquid Aurora",
      "url": "https://21st.dev/@dhileepkumargm/components/liquid-aurora",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ade52552b8a45409",
      "title": "Liquid Crystal",
      "url": "https://21st.dev/@dhileepkumargm/components/liquid-crystal",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f7b9dca691cccd1c",
      "title": "Liquid Crystal Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/liquid-crystal-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5fe53530d31ec7b",
      "title": "Liquid Metal Vortex",
      "url": "https://21st.dev/@dhileepkumargm/components/liquid-metal-vortex",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4fa9ad3dc862af2b",
      "title": "Liquid Neon Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/liquid-neon-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "af89a789bd7a1537",
      "title": "Liquid Reveal",
      "url": "https://21st.dev/@dhileepkumargm/components/liquid-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "798f6cbfe9f44f45",
      "title": "Liquid Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/liquid-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a483f253c1db121c",
      "title": "Lissajous Nebula",
      "url": "https://21st.dev/@dhileepkumargm/components/lissajous-nebula",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "248c697ec50dba09",
      "title": "Living Ferrofluid",
      "url": "https://21st.dev/@dhileepkumargm/components/living-ferrofluid",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d814c1bfc307a22c",
      "title": "Living Fluid Background",
      "url": "https://21st.dev/@dhileepkumargm/components/living-fluid-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9294ceb380751f66",
      "title": "Living Fluid Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/living-fluid-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/@dhileepkumargm/components/living-fluid-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "d30d0cd91f0c58f3",
      "title": "Living Nebula",
      "url": "https://21st.dev/@dhileepkumargm/components/living-nebula",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "338ce289ba3bb459",
      "title": "Living Nebula 1",
      "url": "https://21st.dev/@dhileepkumargm/components/living-nebula-1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d85ed6c15f31f625",
      "title": "Living Nebula 2",
      "url": "https://21st.dev/@dhileepkumargm/components/living-nebula-2",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fd5244c650ffb1a1",
      "title": "Living Origami Bg",
      "url": "https://21st.dev/@dhileepkumargm/components/living-origami-bg",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e86b4389e9159ee",
      "title": "Living Vine Background",
      "url": "https://21st.dev/@dhileepkumargm/components/living-vine-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6bb056a451d12c97",
      "title": "Loading Animation",
      "url": "https://21st.dev/@dhileepkumargm/components/loading-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "528a91f05927c39f",
      "title": "Logo Scroller",
      "url": "https://21st.dev/@dhileepkumargm/components/logo-scroller",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d10864c41efdd97",
      "title": "Magnetic Dock",
      "url": "https://21st.dev/@dhileepkumargm/components/magnetic-dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e41f94145817697d",
      "title": "Martrix Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/martrix-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de85124fe9e2ff0c",
      "title": "Metaballs",
      "url": "https://21st.dev/@dhileepkumargm/components/metaballs",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "49068cc2c87d51f2",
      "title": "Modern Feature Grid",
      "url": "https://21st.dev/@dhileepkumargm/components/modern-feature-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4b40f1389e2dd04d",
      "title": "Molten Core Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/molten-core-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5dc25cecd637779",
      "title": "Mountain Scene",
      "url": "https://21st.dev/@dhileepkumargm/components/mountain-scene",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "059664c1061c5a02",
      "title": "Mountainous Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/mountainous-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "142ac6c6dc26d183",
      "title": "Multi Shape",
      "url": "https://21st.dev/@dhileepkumargm/components/multi-shape",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "af844ede656e8940",
      "title": "Multi Step Wizard",
      "url": "https://21st.dev/@dhileepkumargm/components/multi-step-wizard",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9a8269f590509d2b",
      "title": "Multiple Form",
      "url": "https://21st.dev/@dhileepkumargm/components/multiple-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a70a604789b4dfd2",
      "title": "Music Player Card",
      "url": "https://21st.dev/@dhileepkumargm/components/music-player-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "音乐"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "64039ee274e1e9d6",
      "title": "Nebula Forgery",
      "url": "https://21st.dev/@dhileepkumargm/components/nebula-forgery",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "08c8bc4803eef620",
      "title": "Neno Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/neno-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9063311805eef2a7",
      "title": "Neon Crystal City",
      "url": "https://21st.dev/@dhileepkumargm/components/neon-crystal-city",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "70480e47deadc0c5",
      "title": "Neon Loader",
      "url": "https://21st.dev/@dhileepkumargm/components/neon-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1dd04e5f035307a9",
      "title": "Neurons Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/neurons-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": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@dhileepkumargm/components/neurons-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "bfaed53691a9a546",
      "title": "Parallax Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/parallax-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1efbd3a3299f0467",
      "title": "Particle Text Canvas",
      "url": "https://21st.dev/@dhileepkumargm/components/particle-text-canvas",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eba9f05125c7b72a",
      "title": "Pattern Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/pattern-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ed76411e775a8f50",
      "title": "Pixel Rocket Voyager",
      "url": "https://21st.dev/@dhileepkumargm/components/pixel-rocket-voyager",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "14a8299cc6f2da5f",
      "title": "Premium Auth",
      "url": "https://21st.dev/@dhileepkumargm/components/premium-auth",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "注册",
        "认证"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a4e74f477cea8b64",
      "title": "Prism Bloom Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/prism-bloom-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e21547fb1f92ad91",
      "title": "Profile Card",
      "url": "https://21st.dev/@dhileepkumargm/components/profile-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b8ce7ca391ec45fe",
      "title": "Pulsar Grid Background",
      "url": "https://21st.dev/@dhileepkumargm/components/pulsar-grid-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8aa2065255c54750",
      "title": "Pulse Fit Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/pulse-fit-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@dhileepkumargm/components/pulse-fit-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0df616de59565ed6",
      "title": "Pulsing Geometric Dream",
      "url": "https://21st.dev/@dhileepkumargm/components/pulsing-geometric-dream",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0686ddbececcb997",
      "title": "Quantum Grid Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/quantum-grid-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": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@dhileepkumargm/components/quantum-grid-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "b1e9d9b92debb408",
      "title": "Quantum Nebula",
      "url": "https://21st.dev/@dhileepkumargm/components/quantum-nebula",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2104193d85666bde",
      "title": "React Tailwind Image Gallery",
      "url": "https://21st.dev/@dhileepkumargm/components/react-tailwind-image-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}