{
  "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": 47,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 3680,
    "previous": "page-46.json",
    "next": "page-48.json"
  },
  "entries": [
    {
      "id": "30dae1d0a7557887",
      "title": "Ink Blot Carousel",
      "url": "https://21st.dev/@kedhareswer/components/ink-blot-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b1f759c9a044fe4",
      "title": "Ink Flow Carousel",
      "url": "https://21st.dev/@kedhareswer/components/ink-flow-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b53bfbd378db84ed",
      "title": "Ink Orbit Features",
      "url": "https://21st.dev/@kedhareswer/components/ink-orbit-features",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "功能区"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e1ebf861707f50b3",
      "title": "Ink Orbit Hero",
      "url": "https://21st.dev/@kedhareswer/components/ink-orbit-hero",
      "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/@kedhareswer/components/ink-orbit-hero",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "4a4af60698460908",
      "title": "Ink Orbit Pricing",
      "url": "https://21st.dev/@kedhareswer/components/ink-orbit-pricing",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1885bfe4466984bd",
      "title": "Ink Orbit Testimonials",
      "url": "https://21st.dev/@kedhareswer/components/ink-orbit-testimonials",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d2ce5c3d21b7dfa",
      "title": "Isoline Bloom",
      "url": "https://21st.dev/@kedhareswer/components/isoline-bloom",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "59450a7815889448",
      "title": "Isometric Lift Carousel",
      "url": "https://21st.dev/@kedhareswer/components/isometric-lift-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f4a04ea0d407a6d0",
      "title": "Keycap Orb",
      "url": "https://21st.dev/@kedhareswer/components/keycap-orb",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "58b9618e2e7abe29",
      "title": "Kiln Wordmark Footer",
      "url": "https://21st.dev/@kedhareswer/components/kiln-wordmark-footer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c0f00c0285f7bdfd",
      "title": "Lanyard Badge",
      "url": "https://21st.dev/@kedhareswer/components/lanyard-badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "34c8fe0a89465ea0",
      "title": "Lens Zoom Carousel",
      "url": "https://21st.dev/@kedhareswer/components/lens-zoom-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "321da8aa9ac4b767",
      "title": "Light Shader",
      "url": "https://21st.dev/@kedhareswer/components/light-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ec5e0b36911eb30f",
      "title": "Lilac Dusk Canopy",
      "url": "https://21st.dev/@kedhareswer/components/lilac-dusk-canopy",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1b5d2567fcf8d467",
      "title": "Lunar Boarding Pass",
      "url": "https://21st.dev/@kedhareswer/components/lunar-boarding-pass",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "30fbf48e78469a36",
      "title": "Lycoris Specimen",
      "url": "https://21st.dev/@kedhareswer/components/lycoris-specimen",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e46c699dcd7ea5a3",
      "title": "Magic Hour",
      "url": "https://21st.dev/@kedhareswer/components/magic-hour",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "43fd05540a070a07",
      "title": "Mascot Portfolio Hero",
      "url": "https://21st.dev/@kedhareswer/components/mascot-portfolio-hero",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b6f2355b66d5209",
      "title": "Mono Contrast Preloader",
      "url": "https://21st.dev/@kedhareswer/components/mono-contrast-preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9b3a1b79a38d3e97",
      "title": "Morph Gallery",
      "url": "https://21st.dev/@kedhareswer/components/morph-gallery",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "235cc07e2a9a07eb",
      "title": "Mouse Trail",
      "url": "https://21st.dev/@kedhareswer/components/mouse-trail",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fa2f02a3b34d8b26",
      "title": "Neon Katakana Preloader",
      "url": "https://21st.dev/@kedhareswer/components/neon-katakana-preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f9fa5ba82f319f94",
      "title": "Noise Dissolve Reveal",
      "url": "https://21st.dev/@kedhareswer/components/noise-dissolve-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bafd99bcfed6ce0a",
      "title": "Onyx Glyph Preloader",
      "url": "https://21st.dev/@kedhareswer/components/onyx-glyph-preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "01841487ba094e31",
      "title": "Paper Curl Carousel",
      "url": "https://21st.dev/@kedhareswer/components/paper-curl-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "93a4804db811878a",
      "title": "Particle Animation",
      "url": "https://21st.dev/@kedhareswer/components/particle-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0c0c91626ac88750",
      "title": "Particle Dissolve Carousel",
      "url": "https://21st.dev/@kedhareswer/components/particle-dissolve-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2559844d314693b9",
      "title": "Polaroid Line Carousel",
      "url": "https://21st.dev/@kedhareswer/components/polaroid-line-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "折线",
        "线条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9206136171d37bce",
      "title": "Prism Comet Preloader",
      "url": "https://21st.dev/@kedhareswer/components/prism-comet-preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "018b90236648cca2",
      "title": "Rgb Glitch Carousel",
      "url": "https://21st.dev/@kedhareswer/components/rgb-glitch-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a8169425ccad7ac",
      "title": "Scanline Bloom",
      "url": "https://21st.dev/@kedhareswer/components/scanline-bloom",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a37e364b2a1e65d1",
      "title": "Shutter Blinds Carousel",
      "url": "https://21st.dev/@kedhareswer/components/shutter-blinds-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "46b20ea9a75ca71f",
      "title": "Shutter Glyph Footer",
      "url": "https://21st.dev/@kedhareswer/components/shutter-glyph-footer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "407d3cd1c21a1bde",
      "title": "Silhouette Wrap",
      "url": "https://21st.dev/@kedhareswer/components/silhouette-wrap",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6b079f972456eecd",
      "title": "Singularity Horizon",
      "url": "https://21st.dev/@kedhareswer/components/singularity-horizon",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "92af77c90a2c0c9b",
      "title": "Slat Count Preloader",
      "url": "https://21st.dev/@kedhareswer/components/slat-count-preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "295bf3bb3814af9b",
      "title": "Smiley",
      "url": "https://21st.dev/@kedhareswer/components/smiley",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df7f0c2720124760",
      "title": "Snow Ball Loading Spinner",
      "url": "https://21st.dev/@kedhareswer/components/snow-ball-loading-spinner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "转圈"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d735694ae07ac45",
      "title": "Staircase Carousel",
      "url": "https://21st.dev/@kedhareswer/components/staircase-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "af1a3ff397295c33",
      "title": "Starburst Thanks Footer",
      "url": "https://21st.dev/@kedhareswer/components/starburst-thanks-footer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "93e0676ff2fe6660",
      "title": "Stardust Stage Preloader",
      "url": "https://21st.dev/@kedhareswer/components/stardust-stage-preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "492fe789d174a69b",
      "title": "Stepped Morph Slider",
      "url": "https://21st.dev/@kedhareswer/components/stepped-morph-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df1787476b9acbf8",
      "title": "Sunlit Cutting Mat",
      "url": "https://21st.dev/@kedhareswer/components/sunlit-cutting-mat",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "94fac0e37c32c347",
      "title": "Ticket Stub Footer",
      "url": "https://21st.dev/@kedhareswer/components/ticket-stub-footer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "页脚"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a8c0348c7a3eb8e6",
      "title": "Tiger Tear Reveal",
      "url": "https://21st.dev/@kedhareswer/components/tiger-tear-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15dad257ed7ea921",
      "title": "Tile Scrollbar",
      "url": "https://21st.dev/@kedhareswer/components/tile-scrollbar",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c9bd6b3f31f70abd",
      "title": "Tilt Cascade Carousel",
      "url": "https://21st.dev/@kedhareswer/components/tilt-cascade-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7779face6c396cb3",
      "title": "Velvet Haze",
      "url": "https://21st.dev/@kedhareswer/components/velvet-haze",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "72727b696603469d",
      "title": "Viewfinder Flip Carousel",
      "url": "https://21st.dev/@kedhareswer/components/viewfinder-flip-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "025bfb3f1a0f1c3f",
      "title": "Water Ripple Carousel",
      "url": "https://21st.dev/@kedhareswer/components/water-ripple-carousel",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "199719bc4fa76f14",
      "title": "Waving Portfolio Landing",
      "url": "https://21st.dev/@kedhareswer/components/waving-portfolio-landing",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3abc6e7c25e3f098",
      "title": "Zero Melt Preloader",
      "url": "https://21st.dev/@kedhareswer/components/zero-melt-preloader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee837dd5fb2ef61e",
      "title": "Animated Border",
      "url": "https://21st.dev/@kevingirelli/components/animated-border",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0692df5da7f0e256",
      "title": "Aurora",
      "url": "https://21st.dev/@kevingirelli/components/aurora",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1af58494e5017588",
      "title": "Bar Chart",
      "url": "https://21st.dev/@kevingirelli/components/bar-chart",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图表",
        "柱状图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6bf21beca577db52",
      "title": "Contact Form",
      "url": "https://21st.dev/@kevingirelli/components/contact-form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "147fd58737442112",
      "title": "Corner Frame",
      "url": "https://21st.dev/@kevingirelli/components/corner-frame",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e2eae175089278dd",
      "title": "Dash Button",
      "url": "https://21st.dev/@kevingirelli/components/dash-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a5af231f3ab56692",
      "title": "Faq",
      "url": "https://21st.dev/@kevingirelli/components/faq",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "常见问题"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5db04f1130f9586f",
      "title": "Flip Text",
      "url": "https://21st.dev/@kevingirelli/components/flip-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9057fb31859e1698",
      "title": "Form",
      "url": "https://21st.dev/@kevingirelli/components/form",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "表单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "18e5f94644520b78",
      "title": "Hover Reveal",
      "url": "https://21st.dev/@kevingirelli/components/hover-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1746eae712c9a129",
      "title": "Magnetic",
      "url": "https://21st.dev/@kevingirelli/components/magnetic",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "26d823ba5af9304a",
      "title": "Marquee",
      "url": "https://21st.dev/@kevingirelli/components/marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a481ad53fc02852d",
      "title": "Newsletter",
      "url": "https://21st.dev/@kevingirelli/components/newsletter",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0a8b8aabd342180b",
      "title": "Not Found",
      "url": "https://21st.dev/@kevingirelli/components/not-found",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b79735df33d410b",
      "title": "Pagination",
      "url": "https://21st.dev/@kevingirelli/components/pagination",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "分页"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "18ebc0290ce033f4",
      "title": "Pricing",
      "url": "https://21st.dev/@kevingirelli/components/pricing",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "61b6129bcfe837f8",
      "title": "Qr Code",
      "url": "https://21st.dev/@kevingirelli/components/qr-code",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2f0af162fe54c18e",
      "title": "Scramble Text",
      "url": "https://21st.dev/@kevingirelli/components/scramble-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1741ce68e9bbee66",
      "title": "Sheet",
      "url": "https://21st.dev/@kevingirelli/components/sheet",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "82c82186fd0e601b",
      "title": "Signature",
      "url": "https://21st.dev/@kevingirelli/components/signature",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2fddfde756ed9978",
      "title": "Spotlight",
      "url": "https://21st.dev/@kevingirelli/components/spotlight",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d475d1d2713b99a",
      "title": "Stepper",
      "url": "https://21st.dev/@kevingirelli/components/stepper",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4a5df43331e3c16a",
      "title": "Warp Gradient",
      "url": "https://21st.dev/@kevingirelli/components/warp-gradient",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d5ea8d321607aca",
      "title": "Wave Text",
      "url": "https://21st.dev/@kevingirelli/components/wave-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3fd9c8f8f8cb2003",
      "title": "Alinyxe",
      "url": "https://21st.dev/@killolocoeurcy/components/alinyxe",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fcfb86ef2229e6a6",
      "title": "Alinyxe 2",
      "url": "https://21st.dev/@killolocoeurcy/components/alinyxe-2",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "716bc959fe818a5e",
      "title": "Silk Shader",
      "url": "https://21st.dev/@kimjoonho/components/silk-shader",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "30328f76e465c502",
      "title": "Bento",
      "url": "https://21st.dev/@kinfe123/components/bento",
      "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": "colorful",
            "label": "鲜明色彩",
            "evidence": "已逐条核验对应画面：明显的彩色大面积视觉或多色组合"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://21st.dev/@kinfe123/components/bento",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    }
  ]
}