{
  "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": 57,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 4480,
    "previous": "page-56.json",
    "next": "page-58.json"
  },
  "entries": [
    {
      "id": "97b236e2a4c665e9",
      "title": "Crypto Swap Card",
      "url": "https://21st.dev/@moazamtrade/components/crypto-swap-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b0724486b379fc37",
      "title": "Feature",
      "url": "https://21st.dev/@moazamtrade/components/feature",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e4799decb1092c6b",
      "title": "Feature Shader Cards",
      "url": "https://21st.dev/@moazamtrade/components/feature-shader-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e67f74e7b1a7a3c2",
      "title": "Glass Real Time Crypto Chart",
      "url": "https://21st.dev/@moazamtrade/components/glass-real-time-crypto-chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a9a173100f09cab7",
      "title": "Hero Button Expendable",
      "url": "https://21st.dev/@moazamtrade/components/hero-button-expendable",
      "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/@moazamtrade/components/hero-button-expendable",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "04eb43c33a2bf579",
      "title": "Hero Dithering Card",
      "url": "https://21st.dev/@moazamtrade/components/hero-dithering-card",
      "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/@moazamtrade/components/hero-dithering-card",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "3ee3c075c9d4ce31",
      "title": "Hero Section With Smooth Bg Shader",
      "url": "https://21st.dev/@moazamtrade/components/hero-section-with-smooth-bg-shader",
      "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": "已逐条核验对应画面：克制的配色、元素和留白"
          },
          {
            "id": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@moazamtrade/components/hero-section-with-smooth-bg-shader",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "9a7123ee38838fc5",
      "title": "Hover Animation Button",
      "url": "https://21st.dev/@moazamtrade/components/hover-animation-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "悬停",
        "鼠标悬停",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "643c02e84c55d109",
      "title": "Marquee Hover Button",
      "url": "https://21st.dev/@moazamtrade/components/marquee-hover-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "按钮",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6947dc83ece706f2",
      "title": "Neon Dither",
      "url": "https://21st.dev/@moazamtrade/components/neon-dither",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bc0ff3df778ba72c",
      "title": "Paper Design Shader Background",
      "url": "https://21st.dev/@moazamtrade/components/paper-design-shader-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f93e90bc91c17ab",
      "title": "Pinky News Letter",
      "url": "https://21st.dev/@moazamtrade/components/pinky-news-letter",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c66654c1b750c798",
      "title": "Portfolio Hero With Paper Shaders",
      "url": "https://21st.dev/@moazamtrade/components/portfolio-hero-with-paper-shaders",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e18b37276c70e95",
      "title": "Sleek Hero With Orb",
      "url": "https://21st.dev/@moazamtrade/components/sleek-hero-with-orb",
      "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/@moazamtrade/components/sleek-hero-with-orb",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "6402042470fa937f",
      "title": "Stacked Panels Cursor Intereactive Component",
      "url": "https://21st.dev/@moazamtrade/components/stacked-panels-cursor-intereactive-component",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bd2bdaaed8a1e283",
      "title": "Text Hover Effect",
      "url": "https://21st.dev/@moazamtrade/components/text-hover-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4c962249299e0654",
      "title": "The Infinite Grid",
      "url": "https://21st.dev/@moazamtrade/components/the-infinite-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3decfcbce4bb37a5",
      "title": "Wireframe Dotted Globe",
      "url": "https://21st.dev/@moazamtrade/components/wireframe-dotted-globe",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e822f635b5b4f992",
      "title": "Wrap Shader",
      "url": "https://21st.dev/@moazamtrade/components/wrap-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ccd3d22a94e01005",
      "title": "Lol",
      "url": "https://21st.dev/@mohamedymay7/components/lol",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "75c8891a272d7a12",
      "title": "Maestro",
      "url": "https://21st.dev/@mohamedymay7/components/maestro",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de84de650a5b90ae",
      "title": "Margin Frame With Flowing Logos",
      "url": "https://21st.dev/@mohammad.eska34/components/margin-frame-with-flowing-logos",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1b057f06618ad5f5",
      "title": "Time Picker",
      "url": "https://21st.dev/@mohammadalhabil1999/components/time-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "时间选择器"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5f8b5673fce2f7e",
      "title": "Changelog 01",
      "url": "https://21st.dev/@mohammadshehadeh/components/changelog-01",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f67a1243594aac57",
      "title": "Changelog 02",
      "url": "https://21st.dev/@mohammadshehadeh/components/changelog-02",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "88fc3d1b671ac025",
      "title": "Coming Soon 01",
      "url": "https://21st.dev/@mohammadshehadeh/components/coming-soon-01",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "00f69d0ca95a13c7",
      "title": "Coming Soon 02",
      "url": "https://21st.dev/@mohammadshehadeh/components/coming-soon-02",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f7c78952717d6656",
      "title": "Comparison 02",
      "url": "https://21st.dev/@mohammadshehadeh/components/comparison-02",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "11c1ceaf9ce62a7c",
      "title": "Comparison 03",
      "url": "https://21st.dev/@mohammadshehadeh/components/comparison-03",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3665be693cdcf8da",
      "title": "Cookie Consent",
      "url": "https://21st.dev/@mohammadshehadeh/components/cookie-consent",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3006a1f36581e40d",
      "title": "Cta 03",
      "url": "https://21st.dev/@mohammadshehadeh/components/cta-03",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8e8978e59f670d8c",
      "title": "Ecommerce 04",
      "url": "https://21st.dev/@mohammadshehadeh/components/ecommerce-04",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "22880c304561bb81",
      "title": "Error 01",
      "url": "https://21st.dev/@mohammadshehadeh/components/error-01",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f6bfddc271e511ce",
      "title": "Faq 05",
      "url": "https://21st.dev/@mohammadshehadeh/components/faq-05",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "常见问题"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fa4f8772e79052c1",
      "title": "Faq 06",
      "url": "https://21st.dev/@mohammadshehadeh/components/faq-06",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "常见问题"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "900ed3c1d6878678",
      "title": "Feature 07",
      "url": "https://21st.dev/@mohammadshehadeh/components/feature-07",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "be551a21b41e474b",
      "title": "Feature 08",
      "url": "https://21st.dev/@mohammadshehadeh/components/feature-08",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "969a81ff3621c08b",
      "title": "Feature 10",
      "url": "https://21st.dev/@mohammadshehadeh/components/feature-10",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cbf8704a899fddbe",
      "title": "Feature 11",
      "url": "https://21st.dev/@mohammadshehadeh/components/feature-11",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28cd0f73c8a772b5",
      "title": "Integrations 07",
      "url": "https://21st.dev/@mohammadshehadeh/components/integrations-07",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2dc8695f1c420773",
      "title": "Json Viewer",
      "url": "https://21st.dev/@mohammadshehadeh/components/json-viewer",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b72e0ebb2dfe9c0c",
      "title": "K8S Pod Table",
      "url": "https://21st.dev/@mohammadshehadeh/components/k8s-pod-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c5d1ef4e014cc5a6",
      "title": "Log Viewer",
      "url": "https://21st.dev/@mohammadshehadeh/components/log-viewer",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c2aae529e2c867b6",
      "title": "Login 01",
      "url": "https://21st.dev/@mohammadshehadeh/components/login-01",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "登陆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "146be36e1691689c",
      "title": "Login 03",
      "url": "https://21st.dev/@mohammadshehadeh/components/login-03",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "登录",
        "登陆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cfb2d65dbd432d0e",
      "title": "Logo Cloud 03",
      "url": "https://21st.dev/@mohammadshehadeh/components/logo-cloud-03",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c7d8fb6526650b4a",
      "title": "Logo Cloud 04",
      "url": "https://21st.dev/@mohammadshehadeh/components/logo-cloud-04",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "723ced22bb07ab4e",
      "title": "Magnetic Button",
      "url": "https://21st.dev/@mohammadshehadeh/components/magnetic-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e387bc92c833b14",
      "title": "Message Thread",
      "url": "https://21st.dev/@mohammadshehadeh/components/message-thread",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f8212571391669a",
      "title": "Not Found 01",
      "url": "https://21st.dev/@mohammadshehadeh/components/not-found-01",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "69ca694f17a92d6b",
      "title": "Phone Input",
      "url": "https://21st.dev/@mohammadshehadeh/components/phone-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b27acbdfbdab0c04",
      "title": "Prompt Input",
      "url": "https://21st.dev/@mohammadshehadeh/components/prompt-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c50c44586be290a0",
      "title": "Server Card",
      "url": "https://21st.dev/@mohammadshehadeh/components/server-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d30672943fb636d",
      "title": "Tag Input",
      "url": "https://21st.dev/@mohammadshehadeh/components/tag-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cba9c2a4fbce6d6b",
      "title": "Toc",
      "url": "https://21st.dev/@mohammadshehadeh/components/toc",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d02cd0c0d33fa43",
      "title": "Usage Dashboard",
      "url": "https://21st.dev/@mohammadshehadeh/components/usage-dashboard",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "仪表盘",
        "后台"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca277520ddaae6a9",
      "title": "Navbar",
      "url": "https://21st.dev/@mohit_464e30a8/components/navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f73e2206f2b5403f",
      "title": "Call To Action",
      "url": "https://21st.dev/@mokshithgujjeti/components/call-to-action",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ef6e4f2a7ef3051",
      "title": "Dev Tool Landing Page",
      "url": "https://21st.dev/@mokshithgujjeti/components/dev-tool-landing-page",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "split",
            "label": "左右分栏",
            "evidence": "已逐条核验对应画面：文字与主视觉左右分栏"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@mokshithgujjeti/components/dev-tool-landing-page",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "227a91a97d76ccd3",
      "title": "Features Card",
      "url": "https://21st.dev/@mokshithgujjeti/components/features-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "功能区"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a2f574c508aec2c0",
      "title": "Featuresgrid",
      "url": "https://21st.dev/@mokshithgujjeti/components/featuresgrid",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "75dba09eba2663f1",
      "title": "Modern Landing Hero",
      "url": "https://21st.dev/@mokshithgujjeti/components/modern-landing-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/@mokshithgujjeti/components/modern-landing-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0095c15ccb48d6bd",
      "title": "Pricing Section",
      "url": "https://21st.dev/@mokshithgujjeti/components/pricing-section",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5840c6361549e7d",
      "title": "Animate Checkbox",
      "url": "https://21st.dev/@molecule-lab-rushil/components/animate-checkbox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c32b80ae08d3687d",
      "title": "Bouncing Dots",
      "url": "https://21st.dev/@molecule-lab-rushil/components/bouncing-dots",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "27f8cf826a790991",
      "title": "Dialog",
      "url": "https://21st.dev/@molecule-lab-rushil/components/dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dea56292cd91ee90",
      "title": "Discussion",
      "url": "https://21st.dev/@molecule-lab-rushil/components/discussion",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "277484305c719a7c",
      "title": "Expandable Button",
      "url": "https://21st.dev/@molecule-lab-rushil/components/expandable-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "33464fb90907f319",
      "title": "Morphing Square",
      "url": "https://21st.dev/@molecule-lab-rushil/components/morphing-square",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f15bd89c1dd3eb19",
      "title": "Orbital Loader",
      "url": "https://21st.dev/@molecule-lab-rushil/components/orbital-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e06562ded6848f2b",
      "title": "Spinning Circle",
      "url": "https://21st.dev/@molecule-lab-rushil/components/spinning-circle",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d4f958cc9ff4bbb6",
      "title": "Star Rating",
      "url": "https://21st.dev/@molecule-lab-rushil/components/star-rating",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "星星",
        "收藏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d9d9ddcab793be5",
      "title": "Swipe Row 1",
      "url": "https://21st.dev/@molecule-lab-rushil/components/swipe-row-1",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "20101a36c7628cf0",
      "title": "Vignette Grid Background",
      "url": "https://21st.dev/@molecule-lab-rushil/components/vignette-grid-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e29983f6238b115",
      "title": "Voice Input",
      "url": "https://21st.dev/@molecule-lab-rushil/components/voice-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2819e94bd2bd82f0",
      "title": "Warp Dialog",
      "url": "https://21st.dev/@molecule-lab-rushil/components/warp-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8754312d5249b9f1",
      "title": "Wave Loader",
      "url": "https://21st.dev/@molecule-lab-rushil/components/wave-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7c1d3764d15117df",
      "title": "Word Rotate",
      "url": "https://21st.dev/@molecule-lab-rushil/components/word-rotate",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ea7b3b10a1c93d35",
      "title": "Gradient Shimmer",
      "url": "https://21st.dev/@mona_biasia/components/gradient-shimmer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "流光",
        "闪烁",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "12deb990e7364516",
      "title": "Ascii 811F593A",
      "url": "https://21st.dev/@monkjin1983/components/ascii-811f593a",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}