{
  "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": 26,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 2000,
    "previous": "page-25.json",
    "next": "page-27.json"
  },
  "entries": [
    {
      "id": "1d75eff7699b00e9",
      "title": "Interactive Light",
      "url": "https://21st.dev/@designali-in/components/interactive-light",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "53234183c354be5a",
      "title": "Iphone 16",
      "url": "https://21st.dev/@designali-in/components/iphone-16-pro",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0341ab51b5c152ef",
      "title": "Keyboard",
      "url": "https://21st.dev/@designali-in/components/keyboard",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6fa18a103a9ce91e",
      "title": "Led Display",
      "url": "https://21st.dev/@designali-in/components/led-display",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f031c91ef1791c2c",
      "title": "Liquid Glass Button",
      "url": "https://21st.dev/@designali-in/components/liquid-glass-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "af2ad8197dd5c1c1",
      "title": "Liquid Glass Card",
      "url": "https://21st.dev/@designali-in/components/liquid-glass-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fba0c59e794f713d",
      "title": "Loading Overlay",
      "url": "https://21st.dev/@designali-in/components/loading-overlay",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "32d55376a30d84ea",
      "title": "Login Page",
      "url": "https://21st.dev/@designali-in/components/login-page",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "登陆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0a66e399debd3ebf",
      "title": "Mac",
      "url": "https://21st.dev/@designali-in/components/mac",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e48bcaacb3eee65",
      "title": "Macbook",
      "url": "https://21st.dev/@designali-in/components/macbook-pro",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8b1f35513bd74eb6",
      "title": "Marquee",
      "url": "https://21st.dev/@designali-in/components/marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "24e3097d34382004",
      "title": "Marquee Card",
      "url": "https://21st.dev/@designali-in/components/marquee-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a6dec58e3affd28",
      "title": "Matrix Ripple",
      "url": "https://21st.dev/@designali-in/components/matrix-ripple",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b18effc5c19ce470",
      "title": "Mechanical Waves",
      "url": "https://21st.dev/@designali-in/components/mechanical-waves",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ef62d3fdebc171e4",
      "title": "Morphing Light",
      "url": "https://21st.dev/@designali-in/components/morphing-light",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "03f3e2d70ba07f21",
      "title": "Mouse Quadrant Tracker",
      "url": "https://21st.dev/@designali-in/components/mouse-quadrant-tracker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f2d8b515a8181583",
      "title": "Navbar",
      "url": "https://21st.dev/@designali-in/components/navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1e38800c3bc1eaf4",
      "title": "Network Animation",
      "url": "https://21st.dev/@designali-in/components/network-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "63cf9b2e8b68bfd8",
      "title": "Neural Noise",
      "url": "https://21st.dev/@designali-in/components/neural-noise",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4fbc0f204d071c73",
      "title": "Particle Animation",
      "url": "https://21st.dev/@designali-in/components/particle-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fb9a7743104ad612",
      "title": "Particle Animation 1",
      "url": "https://21st.dev/@designali-in/components/particle-animation-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "af8d493620b696d0",
      "title": "Particle Canvas",
      "url": "https://21st.dev/@designali-in/components/particle-canvas",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "18e495da92c27064",
      "title": "Particle Canvas 1",
      "url": "https://21st.dev/@designali-in/components/particle-canvas-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "19c3d1905fd12931",
      "title": "Particle Canvas 2",
      "url": "https://21st.dev/@designali-in/components/particle-canvas-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3585d3aaf53e48fd",
      "title": "Particle Hero",
      "url": "https://21st.dev/@designali-in/components/particle-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/@designali-in/components/particle-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "07d0b0aeaf5d6d6f",
      "title": "Particle Text Effect",
      "url": "https://21st.dev/@designali-in/components/particle-text-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e9a56ce37cf67a14",
      "title": "Payment Card",
      "url": "https://21st.dev/@designali-in/components/payment-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ac7faf925c23d39d",
      "title": "Pixel Animation",
      "url": "https://21st.dev/@designali-in/components/pixel-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "25018160ff1cfe1a",
      "title": "Pixel Grid",
      "url": "https://21st.dev/@designali-in/components/pixel-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bad2751fc41b96c2",
      "title": "Radial Lines",
      "url": "https://21st.dev/@designali-in/components/radial-lines",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "385082713b093c99",
      "title": "Rain",
      "url": "https://21st.dev/@designali-in/components/rain",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "489521d5a552f1fa",
      "title": "Rainbow Text Effect",
      "url": "https://21st.dev/@designali-in/components/rainbow-text-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5895ff08c9872041",
      "title": "Ripple Canvas",
      "url": "https://21st.dev/@designali-in/components/ripple-canvas",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f88960a8dedff0f",
      "title": "Ripple Grid",
      "url": "https://21st.dev/@designali-in/components/ripple-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "299be0ad0d865153",
      "title": "Safari",
      "url": "https://21st.dev/@designali-in/components/safari",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d881dc2fae6ee04d",
      "title": "Scroll Progress 1",
      "url": "https://21st.dev/@designali-in/components/scroll-progress-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "进度条",
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a83d5a8216d5e99b",
      "title": "Shader Animation",
      "url": "https://21st.dev/@designali-in/components/shader-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de1706d7a363ac51",
      "title": "Shader Lines",
      "url": "https://21st.dev/@designali-in/components/shader-lines",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "425a81294c60f86f",
      "title": "Shiny Button",
      "url": "https://21st.dev/@designali-in/components/shiny-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0965a8b8beb33a1f",
      "title": "Simplex",
      "url": "https://21st.dev/@designali-in/components/simplex",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e1d9db827bea7d15",
      "title": "Snow Flakes",
      "url": "https://21st.dev/@designali-in/components/snow-flakes",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a9c8742af8e747cf",
      "title": "Space Background",
      "url": "https://21st.dev/@designali-in/components/space-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "638adc2ed0a073f2",
      "title": "Spark Effect",
      "url": "https://21st.dev/@designali-in/components/spark-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fd35d56d30134eec",
      "title": "Sphere",
      "url": "https://21st.dev/@designali-in/components/sphere",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6e2722a177e42966",
      "title": "Spreadsheet",
      "url": "https://21st.dev/@designali-in/components/spreadsheet",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cb32f00f3c24957e",
      "title": "Stamp",
      "url": "https://21st.dev/@designali-in/components/stamp",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "139878afdb234926",
      "title": "Starfield",
      "url": "https://21st.dev/@designali-in/components/starfield",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "efef7d9b3c5fa757",
      "title": "Starfield 1",
      "url": "https://21st.dev/@designali-in/components/starfield-1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bcf48fae7504c928",
      "title": "Stars Canvas",
      "url": "https://21st.dev/@designali-in/components/stars-canvas",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "643900b2ed7d8835",
      "title": "Stats 2",
      "url": "https://21st.dev/@designali-in/components/stats-2",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e36d2adf98a35f4",
      "title": "Svg Follower",
      "url": "https://21st.dev/@designali-in/components/svg-follower",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f44ed5d4d7a2466",
      "title": "Swirl",
      "url": "https://21st.dev/@designali-in/components/swirl",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe5e6794c1c0f85e",
      "title": "Text Aimation",
      "url": "https://21st.dev/@designali-in/components/text-aimation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "351ca563cdde56da",
      "title": "Text Color",
      "url": "https://21st.dev/@designali-in/components/text-color",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "24f942b6e641a218",
      "title": "Text Particle",
      "url": "https://21st.dev/@designali-in/components/text-particle",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4403db536bb39def",
      "title": "Text Wave Animation",
      "url": "https://21st.dev/@designali-in/components/text-wave-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "31bb5ff7d480b70d",
      "title": "Theme",
      "url": "https://21st.dev/@designali-in/components/theme",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f82a8d9619ee947",
      "title": "Theme Button",
      "url": "https://21st.dev/@designali-in/components/theme-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a4eac90a6545d523",
      "title": "Theme Dropdown",
      "url": "https://21st.dev/@designali-in/components/theme-dropdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ae661939c9696aaa",
      "title": "Theme Switch",
      "url": "https://21st.dev/@designali-in/components/theme-switch",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "26a695771f2617a0",
      "title": "Theme Tabs",
      "url": "https://21st.dev/@designali-in/components/theme-tabs",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "662ffc9316a39599",
      "title": "Thermal Shader",
      "url": "https://21st.dev/@designali-in/components/thermal-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5649699010458ed",
      "title": "Typewriter",
      "url": "https://21st.dev/@designali-in/components/typewriter",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "85ab1bf7460733c2",
      "title": "Vector Field",
      "url": "https://21st.dev/@designali-in/components/vector-field",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d9102f92ec72e8ec",
      "title": "Vercel Hero",
      "url": "https://21st.dev/@designali-in/components/vercel-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/@designali-in/components/vercel-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "bb9e93f0ac46756a",
      "title": "Vercel Navbar",
      "url": "https://21st.dev/@designali-in/components/vercel-navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f593aca5f5fba3b3",
      "title": "Void Animation",
      "url": "https://21st.dev/@designali-in/components/void-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fdcadd868817d95e",
      "title": "Warp",
      "url": "https://21st.dev/@designali-in/components/warp",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9b9f4df17eef1789",
      "title": "Wave",
      "url": "https://21st.dev/@designali-in/components/wave",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b4ff22a79a9c5564",
      "title": "Wave 1",
      "url": "https://21st.dev/@designali-in/components/wave-1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7794a03b23bd6c02",
      "title": "Wave Animation",
      "url": "https://21st.dev/@designali-in/components/wave-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7adcacb39287a6d7",
      "title": "Wave Animation 1",
      "url": "https://21st.dev/@designali-in/components/wave-animation-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a104fa0afb8ad777",
      "title": "Web Gl Shader",
      "url": "https://21st.dev/@designali-in/components/web-gl-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "76ad64841342bf8e",
      "title": "Shader B3E94Fd7",
      "url": "https://21st.dev/@designeryue/components/shader-b3e94fd7",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b0a9ff5f621ce38b",
      "title": "Animated Toast",
      "url": "https://21st.dev/@dev.shejanmahamud/components/animated-toast",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1572d0db812e5293",
      "title": "Animated Tooltip",
      "url": "https://21st.dev/@dev.shejanmahamud/components/animated-tooltip",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6fe2ac12ca036848",
      "title": "Expanded Map",
      "url": "https://21st.dev/@dev.shejanmahamud/components/expanded-map",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "地图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a7e711a65f7755dc",
      "title": "Feedback Widget",
      "url": "https://21st.dev/@dev.shejanmahamud/components/feedback-widget",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "632186cbb83f9cc8",
      "title": "Shutter Text",
      "url": "https://21st.dev/@dev.shejanmahamud/components/shutter-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3606fe66ba7b2bf0",
      "title": "Animated State Icons",
      "url": "https://21st.dev/@dev.yadhakim/components/animated-state-icons",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}