{
  "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": 58,
    "pageSize": 80,
    "totalEntries": 8589,
    "totalPages": 108,
    "offset": 4560,
    "previous": "page-57.json",
    "next": "page-59.json"
  },
  "entries": [
    {
      "id": "feb17acf410c05ac",
      "title": "Ai Agent Pipeline",
      "url": "https://21st.dev/@monolythdev/components/ai-agent-pipeline",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "AI",
        "人工智能",
        "智能体"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b20c21dfc7398dba",
      "title": "Stepped Logo Marquee",
      "url": "https://21st.dev/@monolythdev/components/stepped-logo-marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "423cf045a1fa5e65",
      "title": "Ascii Cube",
      "url": "https://21st.dev/@montekkundan/components/ascii-cube",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b708849360e0a7e5",
      "title": "Ascii Pyramid",
      "url": "https://21st.dev/@montekkundan/components/ascii-pyramid",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89879cb119bece5a",
      "title": "Knot Animation",
      "url": "https://21st.dev/@montekkundan/components/knot-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "85fb0c8c35adacfc",
      "title": "Motion Accordion",
      "url": "https://21st.dev/@motiondotdev/components/motion-accordion",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "87d35905f969220e",
      "title": "Motion Add To Basket",
      "url": "https://21st.dev/@motiondotdev/components/motion-add-to-basket",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "62d05495dcad2176",
      "title": "Motion Along Path",
      "url": "https://21st.dev/@motiondotdev/components/motion-along-path",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "510108ddd5411fd4",
      "title": "Motion Animate Presence Modes",
      "url": "https://21st.dev/@motiondotdev/components/motion-animate-presence-modes",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "018019f0edafe580",
      "title": "Motion Bobble Hover",
      "url": "https://21st.dev/@motiondotdev/components/motion-bobble-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c8ba2d062c776600",
      "title": "Motion Bounce Easing",
      "url": "https://21st.dev/@motiondotdev/components/motion-bounce-easing",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "018080e4f80f76c9",
      "title": "Motion Card Stack",
      "url": "https://21st.dev/@motiondotdev/components/motion-card-stack",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "811cf80fa461adaf",
      "title": "Motion Collision Hover Events Only",
      "url": "https://21st.dev/@motiondotdev/components/motion-collision-hover-events-only",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "54996635e2e02df5",
      "title": "Motion Color Picker",
      "url": "https://21st.dev/@motiondotdev/components/motion-color-picker",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9ac3bd5ae4cd544c",
      "title": "Motion Confetti",
      "url": "https://21st.dev/@motiondotdev/components/motion-confetti",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "彩纸",
        "庆祝",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f1fd7b0eb8142ae",
      "title": "Motion Conic Gradient Pointer",
      "url": "https://21st.dev/@motiondotdev/components/motion-conic-gradient-pointer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "指针",
        "鼠标",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ef7ac7981abf8409",
      "title": "Motion Context Menu",
      "url": "https://21st.dev/@motiondotdev/components/motion-context-menu",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "菜单",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cb9de82b3760b4e1",
      "title": "Motion Copy Button",
      "url": "https://21st.dev/@motiondotdev/components/motion-copy-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "73151348ed8c3dd1",
      "title": "Motion Create Button",
      "url": "https://21st.dev/@motiondotdev/components/motion-create-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48b3ef06a87d09e8",
      "title": "Motion Cursor",
      "url": "https://21st.dev/@motiondotdev/components/motion-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d22b33d6b2b47f81",
      "title": "Motion Cursor Custom Content",
      "url": "https://21st.dev/@motiondotdev/components/motion-cursor-custom-content",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5128c20f6253dc8b",
      "title": "Motion Cursor Floating Target",
      "url": "https://21st.dev/@motiondotdev/components/motion-cursor-floating-target",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f03480bdf92707c8",
      "title": "Motion Cursor Multifollow",
      "url": "https://21st.dev/@motiondotdev/components/motion-cursor-multifollow",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f57e428758d3ea8b",
      "title": "Motion Dots Morph Button",
      "url": "https://21st.dev/@motiondotdev/components/motion-dots-morph-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f9958343abb14a1f",
      "title": "Motion Drag Lock Direction",
      "url": "https://21st.dev/@motiondotdev/components/motion-drag-lock-direction",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "拖拽",
        "拖动",
        "锁",
        "安全"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "734f895271b522c8",
      "title": "Motion Enter Animation",
      "url": "https://21st.dev/@motiondotdev/components/motion-enter-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5ed576cbf9e42ce1",
      "title": "Motion Exit Animation",
      "url": "https://21st.dev/@motiondotdev/components/motion-exit-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da021b0ee5d859ef",
      "title": "Motion Floating Action Button",
      "url": "https://21st.dev/@motiondotdev/components/motion-floating-action-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d91b1eb57052100b",
      "title": "Motion Follow Pointer",
      "url": "https://21st.dev/@motiondotdev/components/motion-follow-pointer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "388de5e8960a9186",
      "title": "Motion Hold To Confirm",
      "url": "https://21st.dev/@motiondotdev/components/motion-hold-to-confirm",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dbf6241fcd786c32",
      "title": "Motion Html Content",
      "url": "https://21st.dev/@motiondotdev/components/motion-html-content",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a275e52237ffdb5f",
      "title": "Motion Image Reveal Slider",
      "url": "https://21st.dev/@motiondotdev/components/motion-image-reveal-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "揭示",
        "出现",
        "入场",
        "动画",
        "动效",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b998ac927b1a4254",
      "title": "Motion Ios Slider",
      "url": "https://21st.dev/@motiondotdev/components/motion-ios-slider",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e4e889fc7a93470f",
      "title": "Motion Keyframes",
      "url": "https://21st.dev/@motiondotdev/components/motion-keyframes",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5ba78c010005adcc",
      "title": "Motion Keyframes Wildcards",
      "url": "https://21st.dev/@motiondotdev/components/motion-keyframes-wildcards",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cbd8e130f30b22fd",
      "title": "Motion Layout Animation",
      "url": "https://21st.dev/@motiondotdev/components/motion-layout-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "167152be3c016476",
      "title": "Motion Line Graph",
      "url": "https://21st.dev/@motiondotdev/components/motion-line-graph",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "daed7481fabde508",
      "title": "Motion Loading Circle Spinner",
      "url": "https://21st.dev/@motiondotdev/components/motion-loading-circle-spinner",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "转圈",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "836fe07ca14b2dd8",
      "title": "Motion Loading Fill Text",
      "url": "https://21st.dev/@motiondotdev/components/motion-loading-fill-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6a1ea5b23984f11f",
      "title": "Motion Loading Jumping Dots",
      "url": "https://21st.dev/@motiondotdev/components/motion-loading-jumping-dots",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "729b4514f0d1c21c",
      "title": "Motion Loading Line Reveal",
      "url": "https://21st.dev/@motiondotdev/components/motion-loading-line-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "加载",
        "加载动画",
        "揭示",
        "出现",
        "入场",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ae6ebefd247a34f8",
      "title": "Motion Loading Progress Bar",
      "url": "https://21st.dev/@motiondotdev/components/motion-loading-progress-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "柱状图",
        "加载",
        "加载动画",
        "进度条",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8c6f69b9346a034f",
      "title": "Motion Loading Pulse Dots",
      "url": "https://21st.dev/@motiondotdev/components/motion-loading-pulse-dots",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "744846d91c12e947",
      "title": "Motion Loading Ripple",
      "url": "https://21st.dev/@motiondotdev/components/motion-loading-ripple",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "涟漪",
        "波纹",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4ec66b4b382b5e8a",
      "title": "Motion Material Design Ripple",
      "url": "https://21st.dev/@motiondotdev/components/motion-material-design-ripple",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bfb5430d67af661f",
      "title": "Motion Multi State Badge",
      "url": "https://21st.dev/@motiondotdev/components/motion-multi-state-badge",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f8f4fc7b5111f891",
      "title": "Motion Number Counter",
      "url": "https://21st.dev/@motiondotdev/components/motion-number-counter",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89d2f79bd6d71a4f",
      "title": "Motion Path Drawing",
      "url": "https://21st.dev/@motiondotdev/components/motion-path-drawing",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dc9934cf304e2728",
      "title": "Motion Reorder Grid",
      "url": "https://21st.dev/@motiondotdev/components/motion-reorder-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89d5443bfa45eec4",
      "title": "Motion Reorder Items",
      "url": "https://21st.dev/@motiondotdev/components/motion-reorder-items",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1078a908f198d53f",
      "title": "Motion Scramble Text",
      "url": "https://21st.dev/@motiondotdev/components/motion-scramble-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7977b24a80563fe7",
      "title": "Motion Scramble Text Hover",
      "url": "https://21st.dev/@motiondotdev/components/motion-scramble-text-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bb9535b420c5c1ac",
      "title": "Motion Scroll Container",
      "url": "https://21st.dev/@motiondotdev/components/motion-scroll-container",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "77caa232cc149216",
      "title": "Motion Scroll Hide Header",
      "url": "https://21st.dev/@motiondotdev/components/motion-scroll-hide-header",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "054c2331f759b243",
      "title": "Motion Scroll Horizontal",
      "url": "https://21st.dev/@motiondotdev/components/motion-scroll-horizontal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c6a4a939fc24f4c4",
      "title": "Motion Scroll Linked With Spring",
      "url": "https://21st.dev/@motiondotdev/components/motion-scroll-linked-with-spring",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "86f43f3970fc9481",
      "title": "Motion Scroll Track Element",
      "url": "https://21st.dev/@motiondotdev/components/motion-scroll-track-element",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "49a35f6b7c8f7f45",
      "title": "Motion Scroll Word Reveal",
      "url": "https://21st.dev/@motiondotdev/components/motion-scroll-word-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动",
        "揭示",
        "出现",
        "入场",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f2bb530eefaf30f8",
      "title": "Motion Shared Layout Animation",
      "url": "https://21st.dev/@motiondotdev/components/motion-shared-layout-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1e45a0f64eadd686",
      "title": "Motion Skeleton Shimmer",
      "url": "https://21st.dev/@motiondotdev/components/motion-skeleton-shimmer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "骨架屏",
        "加载",
        "流光",
        "闪烁",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9cf38b36f3a74687",
      "title": "Motion Split Text",
      "url": "https://21st.dev/@motiondotdev/components/motion-split-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "文字动画",
        "分割文字",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8b0d4ace89fa5f49",
      "title": "Motion Svg Viewbox",
      "url": "https://21st.dev/@motiondotdev/components/motion-svg-viewbox",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e3084cc4bda4b69",
      "title": "Motion Tilt Card",
      "url": "https://21st.dev/@motiondotdev/components/motion-tilt-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "00eddbfda68afaca",
      "title": "Motion Typewriter",
      "url": "https://21st.dev/@motiondotdev/components/motion-typewriter",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "打字机",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1a5521f7ba3e1f1c",
      "title": "Motion Use Animation Frame",
      "url": "https://21st.dev/@motiondotdev/components/motion-use-animation-frame",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2f60d3df909b79e7",
      "title": "Motion Use Presence Data",
      "url": "https://21st.dev/@motiondotdev/components/motion-use-presence-data",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a65e758e611b3bdb",
      "title": "Action Dropdown",
      "url": "https://21st.dev/@moumensoliman/components/action-dropdown",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "下拉菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1f87b72c2ce5e6bb",
      "title": "Avatar Hover Card",
      "url": "https://21st.dev/@moumensoliman/components/avatar-hover-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像",
        "卡片",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4387029e9e08fe55",
      "title": "Avatar With Name",
      "url": "https://21st.dev/@moumensoliman/components/avatar-with-name",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6b15d149dc72d788",
      "title": "Caret Mention Popover",
      "url": "https://21st.dev/@moumensoliman/components/caret-mention-popover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "气泡",
        "弹出框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "84d55e6d5e08763e",
      "title": "Command Palette",
      "url": "https://21st.dev/@moumensoliman/components/command-palette",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "命令",
        "搜索",
        "命令面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "450e23f9b2185b37",
      "title": "Delete Button",
      "url": "https://21st.dev/@moumensoliman/components/delete-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e4d82879130c30c1",
      "title": "Elastic Switch Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/elastic-switch-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e29d3ad31820f62f",
      "title": "Expanding Search Dock Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/expanding-search-dock-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航",
        "搜索"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe6249ec5ae35eaa",
      "title": "Faq Section Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/faq-section-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "常见问题"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6289d47fdc09513f",
      "title": "Floating Gradient Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/floating-gradient-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "60f8370bcce59ecf",
      "title": "Gallery Grid Block Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/gallery-grid-block-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "画廊",
        "图片展示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ef1b8acfeee69e3f",
      "title": "Glass Account Settings Card Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/glass-account-settings-card-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "设置"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "113d3f3e956b2f28",
      "title": "Glass Blog Card Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/glass-blog-card-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b9e154c409a3aaae",
      "title": "Glass Checkout Card Shadcnui",
      "url": "https://21st.dev/@moumensoliman/components/glass-checkout-card-shadcnui",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://21st.dev/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}