{
  "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": 60,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 4720,
    "previous": "page-59.json",
    "next": "page-61.json"
  },
  "entries": [
    {
      "id": "5d5e6386fde4f221",
      "title": "Spinning Circular Text",
      "url": "https://21st.dev/@ncdai/components/spinning-circular-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3df9b5d2351c0b91",
      "title": "Team 01",
      "url": "https://21st.dev/@ncdai/components/team-01",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6888af8725a910d7",
      "title": "Testimonial",
      "url": "https://21st.dev/@ncdai/components/testimonial",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fc93f2fcbdfb7d48",
      "title": "Testimonial 2",
      "url": "https://21st.dev/@ncdai/components/testimonial-2",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "用户评价"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba449f84756b6841",
      "title": "Theme Switcher 1",
      "url": "https://21st.dev/@ncdai/components/theme-switcher-1",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e0a9d5673d3f4ecb",
      "title": "Wheel Picker",
      "url": "https://21st.dev/@ncdai/components/wheel-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f5b9c9b516e7671e",
      "title": "Maomao",
      "url": "https://21st.dev/@nellycyberpro/components/maomao",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d8689a364e47fb7",
      "title": "X Scroll",
      "url": "https://21st.dev/@nelwincatalogo/components/x-scroll",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "关闭",
        "叉号"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0b1e168f25c87c7c",
      "title": "Footer",
      "url": "https://21st.dev/@nevsky118/components/footer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "44e22be0af7b18d7",
      "title": "Not Found",
      "url": "https://21st.dev/@nevsky118/components/not-found",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e499c3bbb6412be3",
      "title": "Iris",
      "url": "https://21st.dev/@neweartheconomy/components/iris",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ad1974690f9e9746",
      "title": "Animated Arrow Button",
      "url": "https://21st.dev/@nextjsshop/components/animated-arrow-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效",
        "箭头"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ec397259dea7244c",
      "title": "Arrow Dots Button",
      "url": "https://21st.dev/@nextjsshop/components/arrow-dots-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "箭头"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "99f40aa8bf059a38",
      "title": "Icon Accordion",
      "url": "https://21st.dev/@nextjsshop/components/icon-accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "515396e56051bc46",
      "title": "Nextjsshop Button",
      "url": "https://21st.dev/@nextjsshop/components/nextjsshop-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "584d3bf02ede5010",
      "title": "Pixel Broke Button",
      "url": "https://21st.dev/@nextjsshop/components/pixel-broke-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "05412cc1cdb9bc69",
      "title": "Pixel Button",
      "url": "https://21st.dev/@nextjsshop/components/pixel-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f5aa5760f1bc317",
      "title": "Sneaky Button",
      "url": "https://21st.dev/@nextjsshop/components/sneaky-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba7727c3c7a57457",
      "title": "Tags Breadcrumb",
      "url": "https://21st.dev/@nextjsshop/components/tags-breadcrumb",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "面包屑",
        "标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba5915c92bcddd9c",
      "title": "Animated Countdown",
      "url": "https://21st.dev/@nexus-ui/components/animated-countdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "52360599e04346d5",
      "title": "Animated Select Headline",
      "url": "https://21st.dev/@nexus-ui/components/animated-select-headline",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ef8328739c7e4ffb",
      "title": "Ask Nexus Input",
      "url": "https://21st.dev/@nexus-ui/components/ask-nexus-input",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "输入框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "67dfd5e994627383",
      "title": "Beam Sweep Field",
      "url": "https://21st.dev/@nexus-ui/components/beam-sweep-field",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光束"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e099130f1d5f1a33",
      "title": "Chain Of Thought",
      "url": "https://21st.dev/@nexus-ui/components/chain-of-thought",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fca2399cf1385b52",
      "title": "Chat Messages",
      "url": "https://21st.dev/@nexus-ui/components/chat-messages",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c9b3e88b8574598f",
      "title": "Cinematic Logo Cloud",
      "url": "https://21st.dev/@nexus-ui/components/cinematic-logo-cloud",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9dcee92e49aac725",
      "title": "Circular Carousel",
      "url": "https://21st.dev/@nexus-ui/components/circular-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "环形",
        "圆形"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a15f7296ebea555c",
      "title": "Dot Grid Hero",
      "url": "https://21st.dev/@nexus-ui/components/dot-grid-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nexus-ui/components/dot-grid-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "95b64ddacdc769bb",
      "title": "Forge Ai Command Bar",
      "url": "https://21st.dev/@nexus-ui/components/forge-ai-command-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "命令",
        "搜索",
        "命令面板",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "84d27b7172b4882e",
      "title": "Hover Highlight Text",
      "url": "https://21st.dev/@nexus-ui/components/hover-highlight-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a1aae38dd8e82199",
      "title": "Image Trail",
      "url": "https://21st.dev/@nexus-ui/components/image-trail",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9f7d6a7e804ed1ca",
      "title": "Images Badge",
      "url": "https://21st.dev/@nexus-ui/components/images-badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8085817dab311333",
      "title": "Infinite Moving Cards",
      "url": "https://21st.dev/@nexus-ui/components/infinite-moving-cards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4603d3e1d29c0527",
      "title": "Interactive Globe Explorer",
      "url": "https://21st.dev/@nexus-ui/components/interactive-globe-explorer",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3636bb84c4b05d5b",
      "title": "Logo Clouds",
      "url": "https://21st.dev/@nexus-ui/components/logo-clouds",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b6a43a7ed8c09bdb",
      "title": "Nebula Cta Glow",
      "url": "https://21st.dev/@nexus-ui/components/nebula-cta-glow",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "发光",
        "光晕"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "19a79ecc78f92371",
      "title": "Orbit Footer",
      "url": "https://21st.dev/@nexus-ui/components/orbit-footer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "05070eb5238d70c9",
      "title": "Shooting Stars Grid",
      "url": "https://21st.dev/@nexus-ui/components/shooting-stars-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "177ea3eb8555f7fd",
      "title": "Starfield Hero",
      "url": "https://21st.dev/@nexus-ui/components/starfield-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "已逐条核验对应画面：以深色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nexus-ui/components/starfield-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "f2028506f679cd53",
      "title": "Suggestions",
      "url": "https://21st.dev/@nexus-ui/components/suggestions",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "02b2be7383e7cc93",
      "title": "Terminal",
      "url": "https://21st.dev/@nexus-ui/components/terminal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "终端"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0828c6113162d8f5",
      "title": "Text Reveal Card",
      "url": "https://21st.dev/@nexus-ui/components/text-reveal-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7e9d8bdf1a9076fa",
      "title": "Thread",
      "url": "https://21st.dev/@nexus-ui/components/thread",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8e1322595da3d19b",
      "title": "Typewriter Effect",
      "url": "https://21st.dev/@nexus-ui/components/typewriter-effect",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f535d6407a351e63",
      "title": "Wonder",
      "url": "https://21st.dev/@nexxeondigitalsolutions-cmyk/components/wonder",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3cb24e52a0dc1dc1",
      "title": "Flavers",
      "url": "https://21st.dev/@nicolassalok1/components/flavers",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "676379461a921bea",
      "title": "Draggable Priority List",
      "url": "https://21st.dev/@nikhiljainsam/components/draggable-priority-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表",
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b5ec57a0156d135",
      "title": "Ascii Globe Spin",
      "url": "https://21st.dev/@nikolas-sapa/components/ascii-globe-spin",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "99ffffb564833439",
      "title": "Background Ascii Dither",
      "url": "https://21st.dev/@nikolas-sapa/components/background-ascii-dither",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e3a4a0654e42035",
      "title": "Background Ascii Flow",
      "url": "https://21st.dev/@nikolas-sapa/components/background-ascii-flow",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "99626982cd7470ee",
      "title": "Background Ascii Force Chains",
      "url": "https://21st.dev/@nikolas-sapa/components/background-ascii-force-chains",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "37015ff64b0ad78b",
      "title": "Background Ascii Nodal Lines",
      "url": "https://21st.dev/@nikolas-sapa/components/background-ascii-nodal-lines",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a46691f75d966c6",
      "title": "Background Ascii Plasma",
      "url": "https://21st.dev/@nikolas-sapa/components/background-ascii-plasma",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9e88ce93e8b437fa",
      "title": "Background Ascii Wake",
      "url": "https://21st.dev/@nikolas-sapa/components/background-ascii-wake",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cd2faa1a2cb91750",
      "title": "Background Gradient Shader",
      "url": "https://21st.dev/@nikolas-sapa/components/background-gradient-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "66a290f90f9f33fb",
      "title": "Background Truchet Weave",
      "url": "https://21st.dev/@nikolas-sapa/components/background-truchet-weave",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "85c5070c06c0b8a0",
      "title": "Border Chrome Ring",
      "url": "https://21st.dev/@nikolas-sapa/components/border-chrome-ring",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9b0db6c67f76e104",
      "title": "Breadcrumb Fold",
      "url": "https://21st.dev/@nikolas-sapa/components/breadcrumb-fold",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "面包屑"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca27bf890ce1e299",
      "title": "Chart Area Aurora",
      "url": "https://21st.dev/@nikolas-sapa/components/chart-area-aurora",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表",
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7a62d1968ff86bd9",
      "title": "Chart Bar Halftone",
      "url": "https://21st.dev/@nikolas-sapa/components/chart-bar-halftone",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表",
        "柱状图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "65566367363d2f69",
      "title": "Chart Donut Halftone",
      "url": "https://21st.dev/@nikolas-sapa/components/chart-donut-halftone",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9665eb6fdfaea65d",
      "title": "Chart Radar Dither",
      "url": "https://21st.dev/@nikolas-sapa/components/chart-radar-dither",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "30c1e0721f138df5",
      "title": "Countdown Vapor Digits",
      "url": "https://21st.dev/@nikolas-sapa/components/countdown-vapor-digits",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5bb7c4e84fc5dbd3",
      "title": "Dye Whorl",
      "url": "https://21st.dev/@nikolas-sapa/components/dye-whorl",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "74eec88f03b601e1",
      "title": "Flamegraph Ascii Frames",
      "url": "https://21st.dev/@nikolas-sapa/components/flamegraph-ascii-frames",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "16e92268c1e795b2",
      "title": "Hero Ascii Reaction Front",
      "url": "https://21st.dev/@nikolas-sapa/components/hero-ascii-reaction-front",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nikolas-sapa/components/hero-ascii-reaction-front",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0b13bbb962ebcf28",
      "title": "Hero Ascii Schlieren",
      "url": "https://21st.dev/@nikolas-sapa/components/hero-ascii-schlieren",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "原站说明明确独立 ASCII 画布背景，布局不适用"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nikolas-sapa/components/hero-ascii-schlieren",
        "boundary": "标签依据对应公开实现或具体条目说明；默认主题、桌面排布与可配置组件参数需按原站确认。未将源码检查当作浏览器交互验收。"
      }
    },
    {
      "id": "d43c3a852ae28e50",
      "title": "Hero Ascii Tunnel",
      "url": "https://21st.dev/@nikolas-sapa/components/hero-ascii-tunnel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nikolas-sapa/components/hero-ascii-tunnel",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "bc60db72b1a21178",
      "title": "Hero Burin Hatch",
      "url": "https://21st.dev/@nikolas-sapa/components/hero-burin-hatch",
      "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/@nikolas-sapa/components/hero-burin-hatch",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "8c91c4b05f591c00",
      "title": "Hero Dipole Field",
      "url": "https://21st.dev/@nikolas-sapa/components/hero-dipole-field",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nikolas-sapa/components/hero-dipole-field",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "7932639e3feb0b17",
      "title": "Hero Long Exposure",
      "url": "https://21st.dev/@nikolas-sapa/components/hero-long-exposure",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nikolas-sapa/components/hero-long-exposure",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "915c43e3b717098f",
      "title": "Hero Recursive Type",
      "url": "https://21st.dev/@nikolas-sapa/components/hero-recursive-type",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nikolas-sapa/components/hero-recursive-type",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "0e019912af36a1b7",
      "title": "Hero Text Ring Funnel",
      "url": "https://21st.dev/@nikolas-sapa/components/hero-text-ring-funnel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "已逐条核验对应画面：居中的标题或主要内容"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nikolas-sapa/components/hero-text-ring-funnel",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "f20db8fcb020bdf8",
      "title": "Hero Vortex Street",
      "url": "https://21st.dev/@nikolas-sapa/components/hero-vortex-street",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "原站说明明确独立粒子画布背景，布局不适用"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@nikolas-sapa/components/hero-vortex-street",
        "boundary": "标签依据对应公开实现或具体条目说明；默认主题、桌面排布与可配置组件参数需按原站确认。未将源码检查当作浏览器交互验收。"
      }
    },
    {
      "id": "ecab931f11bae8ed",
      "title": "Pole Shy",
      "url": "https://21st.dev/@nikolas-sapa/components/pole-shy",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "40ec7c3b9c430141",
      "title": "Post List Ascii Index",
      "url": "https://21st.dev/@nikolas-sapa/components/post-list-ascii-index",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2c57d41bfd4b5575",
      "title": "Roller Break Reduce",
      "url": "https://21st.dev/@nikolas-sapa/components/roller-break-reduce",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "64a074ae0d6bfe22",
      "title": "Scroll Caliper",
      "url": "https://21st.dev/@nikolas-sapa/components/scroll-caliper",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4f3450b44b4aad49",
      "title": "Terrain Erosion Carve",
      "url": "https://21st.dev/@nikolas-sapa/components/terrain-erosion-carve",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ed20c5e5a29f828d",
      "title": "Text Ascii Cascade",
      "url": "https://21st.dev/@nikolas-sapa/components/text-ascii-cascade",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}