{
  "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": 48,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 3760,
    "previous": "page-47.json",
    "next": "page-49.json"
  },
  "entries": [
    {
      "id": "dae8e429147fb5f6",
      "title": "Colorful Pricing",
      "url": "https://21st.dev/@kinfe123/components/colorful-pricing",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cfb39c0111a173a2",
      "title": "Hero Section Dark",
      "url": "https://21st.dev/@kinfe123/components/hero-section-dark",
      "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/@kinfe123/components/hero-section-dark",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "4c4d632e9c351ec9",
      "title": "Herowith Logos",
      "url": "https://21st.dev/@kinfe123/components/herowith-logos",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eeec5160e4176be5",
      "title": "Jelly Animated Hero",
      "url": "https://21st.dev/@kinfe123/components/jelly-animated-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/@kinfe123/components/jelly-animated-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "17401f0e65e78ab9",
      "title": "Sliding Testimonial",
      "url": "https://21st.dev/@kinfe123/components/sliding-testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5412baede8cc4060",
      "title": "Blue Noise",
      "url": "https://21st.dev/@kingleonardjr19/components/blue-noise",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d4aa6910c9dff0d1",
      "title": "213",
      "url": "https://21st.dev/@kingm172009/components/213",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c8db8d4d9dff65bf",
      "title": "Ocean Perk",
      "url": "https://21st.dev/@kingmckay13/components/ocean-perk",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "31ff76d6cdf9f02c",
      "title": "Marbs123",
      "url": "https://21st.dev/@kleimeier.maurice/components/marbs123",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6bc087d168890d56",
      "title": "Kim",
      "url": "https://21st.dev/@kmchiii69/components/kim",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eea0334631436bf1",
      "title": "Action Search Bar",
      "url": "https://21st.dev/@kokonutd/components/action-search-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "搜索"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2a3734d835f50769",
      "title": "Activity Card",
      "url": "https://21st.dev/@kokonutd/components/activity-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5c516d0afebbb946",
      "title": "Ai Input",
      "url": "https://21st.dev/@kokonutd/components/ai-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba6a1de5341aa751",
      "title": "Ai Input With File",
      "url": "https://21st.dev/@kokonutd/components/ai-input-with-file",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "AI",
        "人工智能",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b86beb87655bf651",
      "title": "Ai Input With Loading",
      "url": "https://21st.dev/@kokonutd/components/ai-input-with-loading",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "加载",
        "加载动画",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b1b8051f9db4e336",
      "title": "Ai Input With Search",
      "url": "https://21st.dev/@kokonutd/components/ai-input-with-search",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "搜索",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2903ddfb1ab5ae7f",
      "title": "Ai Input With Suggestions",
      "url": "https://21st.dev/@kokonutd/components/ai-input-with-suggestions",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b84472aca266d54",
      "title": "Ai Loading",
      "url": "https://21st.dev/@kokonutd/components/ai-loading",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "640996e5a87f60ef",
      "title": "Ai Text Loading",
      "url": "https://21st.dev/@kokonutd/components/ai-text-loading",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "文字",
        "文本",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c517eb88b1dca0f5",
      "title": "Ai Voice Input",
      "url": "https://21st.dev/@kokonutd/components/ai-voice-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "29dd63cecfc403fe",
      "title": "Animated Ai Input",
      "url": "https://21st.dev/@kokonutd/components/animated-ai-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "动画",
        "动效",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8799a5b86b8aac3c",
      "title": "Apple Activity Ring",
      "url": "https://21st.dev/@kokonutd/components/apple-activity-ring",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "58f17955bcee3c1f",
      "title": "Avatar Picker",
      "url": "https://21st.dev/@kokonutd/components/avatar-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1756d26558e57e2f",
      "title": "Background Circles",
      "url": "https://21st.dev/@kokonutd/components/background-circles",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "21fa7468882048dc",
      "title": "Background Paths",
      "url": "https://21st.dev/@kokonutd/components/background-paths",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "afb94192ac8c92aa",
      "title": "Beams Background",
      "url": "https://21st.dev/@kokonutd/components/beams-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dd988670bca76c39",
      "title": "Bento Grid",
      "url": "https://21st.dev/@kokonutd/components/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/@kokonutd/components/bento-grid",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "25af31c6ebf89e6c",
      "title": "Button Colorful",
      "url": "https://21st.dev/@kokonutd/components/button-colorful",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9fa445e24d5792a6",
      "title": "Button Shiny",
      "url": "https://21st.dev/@kokonutd/components/button-shiny",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bf2458310175414a",
      "title": "Carousel Cards",
      "url": "https://21st.dev/@kokonutd/components/carousel-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7b5823fbadd58a80",
      "title": "Chat Card",
      "url": "https://21st.dev/@kokonutd/components/chat-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8ee0fef9609dc28b",
      "title": "Color Input",
      "url": "https://21st.dev/@kokonutd/components/color-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96351746b9e0fcbf",
      "title": "Faq",
      "url": "https://21st.dev/@kokonutd/components/faq",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "常见问题"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e8a124bdb7064e03",
      "title": "Faq With Categories",
      "url": "https://21st.dev/@kokonutd/components/faq-with-categories",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "常见问题"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b7b5e87469692b1c",
      "title": "Glitch Text",
      "url": "https://21st.dev/@kokonutd/components/glitch-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7ba73c763df85d30",
      "title": "Hand Writing Text",
      "url": "https://21st.dev/@kokonutd/components/hand-writing-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dc8d1015ff6d821e",
      "title": "Hero Fashion",
      "url": "https://21st.dev/@kokonutd/components/hero-fashion",
      "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": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@kokonutd/components/hero-fashion",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "50a8dffa41179ca5",
      "title": "Hold And Release Button",
      "url": "https://21st.dev/@kokonutd/components/hold-and-release-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d5a449742b634a75",
      "title": "Interactive Checkout",
      "url": "https://21st.dev/@kokonutd/components/interactive-checkout",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f88205a9a279501",
      "title": "Loader",
      "url": "https://21st.dev/@kokonutd/components/loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d555beec09b46e01",
      "title": "Magnetize Button",
      "url": "https://21st.dev/@kokonutd/components/magnetize-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d1d2bfd19224ee5d",
      "title": "Matrix Text",
      "url": "https://21st.dev/@kokonutd/components/matrix-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "66a03224d85a99cc",
      "title": "Modal Pricing",
      "url": "https://21st.dev/@kokonutd/components/modal-pricing",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5cb06e00e76080cd",
      "title": "Numeric Input",
      "url": "https://21st.dev/@kokonutd/components/numeric-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "17a1e1ddc3c6dc37",
      "title": "Particle Button",
      "url": "https://21st.dev/@kokonutd/components/particle-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48daf23f7d5110d3",
      "title": "Password Input",
      "url": "https://21st.dev/@kokonutd/components/password-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9b947f291ed1be2a",
      "title": "Pricing Cards",
      "url": "https://21st.dev/@kokonutd/components/pricing-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "279ec4e085752392",
      "title": "Pricing Table",
      "url": "https://21st.dev/@kokonutd/components/pricing-table",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d943c1a44f5891a0",
      "title": "Profile Dropdown",
      "url": "https://21st.dev/@kokonutd/components/profile-dropdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8cd16cb2f5a2eca1",
      "title": "Shape Landing Hero",
      "url": "https://21st.dev/@kokonutd/components/shape-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/@kokonutd/components/shape-landing-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "02d0fe6112c3162a",
      "title": "Sliced Text",
      "url": "https://21st.dev/@kokonutd/components/sliced-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f827a0702f9f350a",
      "title": "Smooth Drawer",
      "url": "https://21st.dev/@kokonutd/components/smooth-drawer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "抽屉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e839dc6a070a3641",
      "title": "Social Card",
      "url": "https://21st.dev/@kokonutd/components/social-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "93786d7c47ccad0a",
      "title": "Swoosh Text",
      "url": "https://21st.dev/@kokonutd/components/swoosh-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c36475aaa02ec583",
      "title": "Tag Input",
      "url": "https://21st.dev/@kokonutd/components/tag-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4badfd4abd60ab1b",
      "title": "Team Invitation",
      "url": "https://21st.dev/@kokonutd/components/team-invitation",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3a3153e0aba2608",
      "title": "Text Rewind",
      "url": "https://21st.dev/@kokonutd/components/text-rewind",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "58e87a1a0dc20b54",
      "title": "Type Writer",
      "url": "https://21st.dev/@kokonutd/components/type-writer",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "35e7fa74df9ff8e8",
      "title": "Use Auto Resize Textarea",
      "url": "https://21st.dev/@kokonutd/components/use-auto-resize-textarea",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "多行输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe3b38e1be704544",
      "title": "Use File Input",
      "url": "https://21st.dev/@kokonutd/components/use-file-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d55477a629ef8552",
      "title": "Use Tags",
      "url": "https://21st.dev/@kokonutd/components/use-tags",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "18075cb28a634929",
      "title": "V0 Ai Chat",
      "url": "https://21st.dev/@kokonutd/components/v0-ai-chat",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4063b611e5e7e7e4",
      "title": "Wave Text",
      "url": "https://21st.dev/@kokonutd/components/wave-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1e378cc3f209d0de",
      "title": "X Gradient Card",
      "url": "https://21st.dev/@kokonutd/components/x-gradient-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "渐变",
        "关闭",
        "叉号"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a8667338dea69a56",
      "title": "Action Searchbar",
      "url": "https://21st.dev/@koustubhayadiyala36/components/action-searchbar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c4ee7316c2f2f05b",
      "title": "Animated Menu",
      "url": "https://21st.dev/@koustubhayadiyala36/components/animated-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e1098435926305e9",
      "title": "Ascii Log Leet",
      "url": "https://21st.dev/@koustubhayadiyala36/components/ascii-log-leet",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f5f8dc430aafd3c7",
      "title": "Circular Command Menu",
      "url": "https://21st.dev/@koustubhayadiyala36/components/circular-command-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "菜单",
        "命令",
        "搜索",
        "命令面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b8c74666a9860aef",
      "title": "Fluid Dropdown",
      "url": "https://21st.dev/@koustubhayadiyala36/components/fluid-dropdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8f41e68e773ca846",
      "title": "Morphing Card Stack",
      "url": "https://21st.dev/@koustubhayadiyala36/components/morphing-card-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5e9d5392e3bd069b",
      "title": "Real Time Analytics",
      "url": "https://21st.dev/@koustubhayadiyala36/components/real-time-analytics",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3682b4f4a4535152",
      "title": "Trello Kanban Board",
      "url": "https://21st.dev/@koustubhayadiyala36/components/trello-kanban-board",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b8cb6509f7837cbf",
      "title": "Course Design Cards",
      "url": "https://21st.dev/@kristen17/components/course-design-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "36e88564f2d26cbf",
      "title": "Message Design Card List",
      "url": "https://21st.dev/@kristen17/components/message-design-card-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "消息提示",
        "卡片",
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "39e93be7e4f69f71",
      "title": "Rounded Box",
      "url": "https://21st.dev/@kristen17/components/rounded-box",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b782fb41a6a5643c",
      "title": "Circle Unique Load",
      "url": "https://21st.dev/@kumail_ali_r/components/circle-unique-load",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fcedbd8bab950748",
      "title": "Core Header Navbar",
      "url": "https://21st.dev/@kumail_ali_r/components/core-header-navbar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "导航栏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "31cbd1a5e5c20da7",
      "title": "Core Spin Loader",
      "url": "https://21st.dev/@kumail_ali_r/components/core-spin-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cbd5e575e2eab8fe",
      "title": "Prism Flux Loader",
      "url": "https://21st.dev/@kumail_ali_r/components/prism-flux-loader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4bce30f71e6fa144",
      "title": "Text Reveal Animation",
      "url": "https://21st.dev/@kumail_ali_r/components/text-reveal-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}