{
  "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": 27,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 2080,
    "previous": "page-26.json",
    "next": "page-28.json"
  },
  "entries": [
    {
      "id": "3e83674f4aba1ed1",
      "title": "Animated Weather Icons",
      "url": "https://21st.dev/@dev.yadhakim/components/animated-weather-icons",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c836afef33566609",
      "title": "Elegant Carousel",
      "url": "https://21st.dev/@dev.yadhakim/components/elegant-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3c8a69d0a580ded5",
      "title": "Interactive Globe",
      "url": "https://21st.dev/@dev.yadhakim/components/interactive-globe",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a3346a9890b45e2d",
      "title": "Beautiful Simple Badges",
      "url": "https://21st.dev/@devetaigabbai/components/beautiful-simple-badges",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5a06ad10a61f7dba",
      "title": "React Aria Emoji Picker",
      "url": "https://21st.dev/@devongovett/components/react-aria-emoji-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e9c302e792b6f50d",
      "title": "Acg",
      "url": "https://21st.dev/@dfernandez266/components/acg",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4921163bd0061b6d",
      "title": "3 D Coverflow Carousel",
      "url": "https://21st.dev/@dg.singh252525/components/3-d-coverflow-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3ceb32fc8e2ae9c7",
      "title": "Dashboard Configuration",
      "url": "https://21st.dev/@dgearsonu1/components/dashboard-configuration",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "仪表盘",
        "后台"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0899d06e52875e7c",
      "title": "Pricing Card",
      "url": "https://21st.dev/@dgearsonu1/components/pricing-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48bdef715182b3f7",
      "title": "Pricing Table",
      "url": "https://21st.dev/@dgearsonu1/components/pricing-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "41f0756187ea6cfc",
      "title": "Spider Man",
      "url": "https://21st.dev/@dhanee.dx/components/spider-man",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e73fb1ed1d570a42",
      "title": "3D Animation",
      "url": "https://21st.dev/@dhileepkumargm/components/3d-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6ada551156db0464",
      "title": "3D Cards Slider",
      "url": "https://21st.dev/@dhileepkumargm/components/3d-cards-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "卡片",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d5100da3b6ca8139",
      "title": "3D Interactive Card Gallery",
      "url": "https://21st.dev/@dhileepkumargm/components/3d-interactive-card-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "三维",
        "3D",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d6910fedb3dca6dc",
      "title": "3D Perspective Card",
      "url": "https://21st.dev/@dhileepkumargm/components/3d-perspective-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7d93096517960895",
      "title": "Abstract Glassy Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/abstract-glassy-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "894c4739efba3e12",
      "title": "Aether Anomaly",
      "url": "https://21st.dev/@dhileepkumargm/components/aether-anomaly",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bb7740c8a8bbe394",
      "title": "Aether Flow",
      "url": "https://21st.dev/@dhileepkumargm/components/aether-flow",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b6e619086f06eede",
      "title": "Aether Flow Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/aether-flow-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/aether-flow-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "5e684d2211f8f05d",
      "title": "Ambient Aurora",
      "url": "https://21st.dev/@dhileepkumargm/components/ambient-aurora",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9fa29b2ec4424585",
      "title": "Anomalous Matter",
      "url": "https://21st.dev/@dhileepkumargm/components/anomalous-matter",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "835bb96d6cd92664",
      "title": "Anomalous Matter Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/anomalous-matter-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/anomalous-matter-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "311ba82bea90f415",
      "title": "Anomalous Matter S",
      "url": "https://21st.dev/@dhileepkumargm/components/anomalous-matter-s",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7123af2dfc704c49",
      "title": "Arctic Map Pattern",
      "url": "https://21st.dev/@dhileepkumargm/components/arctic-map-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "地图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f4b523e7d702b927",
      "title": "Aura Core",
      "url": "https://21st.dev/@dhileepkumargm/components/aura-core",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3af205f56c43e417",
      "title": "Aurora Background",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1af4f9c255a167b8",
      "title": "Aurora Background 1",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-background-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ce7965a0ce560637",
      "title": "Aurora Background 2",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-background-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "388f8cca75952218",
      "title": "Aurora Card",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d283ba0de00c602",
      "title": "Aurora Flow Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-flow-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a1e4e32b9278b10b",
      "title": "Aurora Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1adffdcb8a2cfc0f",
      "title": "Aurora Hero Bg",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-hero-bg",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df1ba02404b665d7",
      "title": "Aurora Hero Bg 1",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-hero-bg-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d0a8d3bf214d0195",
      "title": "Aurora Hero Bg 2",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-hero-bg-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d661ec5031f2f10f",
      "title": "Aurora Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1c1b13ca63b71b07",
      "title": "Aurora Voice Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/aurora-voice-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4378857ec0b2bf7c",
      "title": "Celestial Bloom Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/celestial-bloom-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f9967394519476c1",
      "title": "Celestial Ink Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/celestial-ink-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7a9dacf2844ebe0d",
      "title": "Celestial Loom",
      "url": "https://21st.dev/@dhileepkumargm/components/celestial-loom",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ac51de283f9e8922",
      "title": "Celestial Orrery",
      "url": "https://21st.dev/@dhileepkumargm/components/celestial-orrery",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e94269e60d31c025",
      "title": "Celestial Resonance",
      "url": "https://21st.dev/@dhileepkumargm/components/celestial-resonance",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7fa291e5c180adda",
      "title": "Celestial Sphere",
      "url": "https://21st.dev/@dhileepkumargm/components/celestial-sphere",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c13dd763d248ca0b",
      "title": "Celestial Sphere Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/celestial-sphere-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cceea9f218126987",
      "title": "Chrono Board",
      "url": "https://21st.dev/@dhileepkumargm/components/chrono-board",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5be04587b2123a1d",
      "title": "Chronos Engine",
      "url": "https://21st.dev/@dhileepkumargm/components/chronos-engine",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f9bc5edb546e74cd",
      "title": "Chronos Engine 1",
      "url": "https://21st.dev/@dhileepkumargm/components/chronos-engine-1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "13c0b9662076b233",
      "title": "Colorful Wave Pattern 1",
      "url": "https://21st.dev/@dhileepkumargm/components/colorful-wave-pattern-1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "522b941792009442",
      "title": "Community Testimonial",
      "url": "https://21st.dev/@dhileepkumargm/components/community-testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2980891385216724",
      "title": "Cosmic Aurora",
      "url": "https://21st.dev/@dhileepkumargm/components/cosmic-aurora",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dd733aa28f267dbd",
      "title": "Cosmic Nebula",
      "url": "https://21st.dev/@dhileepkumargm/components/cosmic-nebula",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "09a305e62821d30c",
      "title": "Cosmic Ocean Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/cosmic-ocean-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "46ae617c94e38935",
      "title": "Crypto Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/crypto-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          },
          {
            "id": "input",
            "label": "操作或表单入口",
            "evidence": "已逐条核验对应画面：可填写的操作或表单入口"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@dhileepkumargm/components/crypto-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "09025ec1ef8905cb",
      "title": "Crystal Cursor",
      "url": "https://21st.dev/@dhileepkumargm/components/crystal-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e01764f84b88a4a8",
      "title": "Crystal Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/crystal-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "35c772b658abb8d8",
      "title": "Crystal Trail Background",
      "url": "https://21st.dev/@dhileepkumargm/components/crystal-trail-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9920499f8eebea8c",
      "title": "Crystalline Cube",
      "url": "https://21st.dev/@dhileepkumargm/components/crystalline-cube",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc72b2c9166650c5",
      "title": "Crystalline Field Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/crystalline-field-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/crystalline-field-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "9f1d89b88ad400e0",
      "title": "Cyber Matrix Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/cyber-matrix-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/cyber-matrix-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "be9350ef0c75313e",
      "title": "Cybernetic Bento Grid",
      "url": "https://21st.dev/@dhileepkumargm/components/cybernetic-bento-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@dhileepkumargm/components/cybernetic-bento-grid",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "47b5c51f8fbaf84d",
      "title": "Cybernetic Grid Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/cybernetic-grid-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "138401cf6601f2ee",
      "title": "Cybernetic Team Showcase",
      "url": "https://21st.dev/@dhileepkumargm/components/cybernetic-team-showcase",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d2ca5337fe0092c",
      "title": "Data Grid Hero",
      "url": "https://21st.dev/@dhileepkumargm/components/data-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/data-grid-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "a0818ccc139d6784",
      "title": "Digital Aurora",
      "url": "https://21st.dev/@dhileepkumargm/components/digital-aurora",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2d3499a1e151ecf7",
      "title": "Digital Glitch",
      "url": "https://21st.dev/@dhileepkumargm/components/digital-glitch",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3764ff4be944eb06",
      "title": "Digital Loom Background",
      "url": "https://21st.dev/@dhileepkumargm/components/digital-loom-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0643acb32a26f5d9",
      "title": "Digital Petals Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/digital-petals-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1598912d712d514a",
      "title": "Dithered Shader Background 1",
      "url": "https://21st.dev/@dhileepkumargm/components/dithered-shader-background-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e841a75e3116ceef",
      "title": "Dynamic Waveform",
      "url": "https://21st.dev/@dhileepkumargm/components/dynamic-waveform",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8f045d41a1a43562",
      "title": "Ethereal Ink",
      "url": "https://21st.dev/@dhileepkumargm/components/ethereal-ink",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96eaba5e0ae0d31d",
      "title": "Field Lines Aurora",
      "url": "https://21st.dev/@dhileepkumargm/components/field-lines-aurora",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "414e207645fb6de0",
      "title": "Fire Nightmare Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/fire-nightmare-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e87aa7f42fb15295",
      "title": "Floating Card Gallery",
      "url": "https://21st.dev/@dhileepkumargm/components/floating-card-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5aaaad9e7a33d2d8",
      "title": "Flowfield Glyphs Background",
      "url": "https://21st.dev/@dhileepkumargm/components/flowfield-glyphs-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7236b86424304d03",
      "title": "Flowing Curtains",
      "url": "https://21st.dev/@dhileepkumargm/components/flowing-curtains",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "137bc74146904b74",
      "title": "Flowing Waves Shader",
      "url": "https://21st.dev/@dhileepkumargm/components/flowing-waves-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9cc10d51c69248d1",
      "title": "Fluid Text Morph",
      "url": "https://21st.dev/@dhileepkumargm/components/fluid-text-morph",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3bdc1f301caa446",
      "title": "Fractal Bloom Tree",
      "url": "https://21st.dev/@dhileepkumargm/components/fractal-bloom-tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "92b55651ef4ae25f",
      "title": "Frosted Image Reveal",
      "url": "https://21st.dev/@dhileepkumargm/components/frosted-image-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0690897588df59dc",
      "title": "Frosted Image Reveal 1",
      "url": "https://21st.dev/@dhileepkumargm/components/frosted-image-reveal-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a7364d75a33feaea",
      "title": "Generative Art",
      "url": "https://21st.dev/@dhileepkumargm/components/generative-art",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}