{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "magicui",
    "name": "Magic UI",
    "description": "开源 React 动效组件，适合滚动卡片、文字效果和背景。",
    "category": "UI 组件库",
    "tags": [
      "React",
      "MIT 开源",
      "提供代码"
    ],
    "url": "https://magicui.design/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/magicui/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/magicui/index.json",
    "code": true,
    "prompt": false,
    "entryCount": 79,
    "scope": {
      "status": "公开目录",
      "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "free-components",
        "label": "免费 React 动效组件",
        "platforms": [
          "web"
        ],
        "resources": [
          "code"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "free"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://magicui.design/",
            "date": "2026-10-18",
            "note": "官网明确提供免费的 React 动效组件，并另列 Pro 模板入口。"
          }
        ]
      },
      {
        "id": "pro-templates",
        "label": "Magic UI Pro 页面区块与模板",
        "platforms": [
          "web"
        ],
        "resources": [
          "code",
          "template"
        ],
        "frameworks": [
          "react"
        ],
        "pricing": [
          "paid"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://pro.magicui.design/",
            "date": "2026-10-18",
            "note": "官方定价区列出一次性付费获取 React / Next.js 的页面区块和模板。"
          }
        ]
      }
    ],
    "featuredSamples": [
      {
        "id": "magicui-1",
        "title": "Marquee · 横向滚动卡片",
        "url": "https://magicui.design/docs/components/marquee",
        "sourceKind": "组件文档页",
        "note": "原站 Marquee 示例的静态预览；进入原站可查看滚动动效、参数和组件代码。",
        "linkType": "detail"
      },
      {
        "id": "magicui-2",
        "title": "Marquee · 纵向滚动卡片",
        "url": "https://magicui.design/docs/components/marquee#vertical",
        "sourceKind": "组件文档页",
        "note": "原站 Marquee 示例的静态预览；进入原站可查看滚动动效、参数和组件代码。",
        "linkType": "detail"
      },
      {
        "id": "magicui-3",
        "title": "Marquee · 3D 卡片阵列",
        "url": "https://magicui.design/docs/components/marquee#3d",
        "sourceKind": "组件文档页",
        "note": "原站 Marquee 示例的静态预览；进入原站可查看滚动动效、参数和组件代码。",
        "linkType": "detail"
      }
    ]
  },
  "pagination": {
    "page": 1,
    "pageSize": 80,
    "totalEntries": 79,
    "totalPages": 1,
    "offset": 0,
    "previous": null,
    "next": null
  },
  "entries": [
    {
      "id": "a789dc5759d4a03f",
      "title": "🎉 Introducing Floating 3D Particles",
      "url": "https://magicui.design/docs/components/floating-3d-particles",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5dc6f9a7fedbe35e",
      "title": "Android",
      "url": "https://magicui.design/docs/components/android",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0212363116172c5b",
      "title": "Animated Beam",
      "url": "https://magicui.design/docs/components/animated-beam",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光束",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5d21c0cec857bac1",
      "title": "Animated Circular Progress Bar",
      "url": "https://magicui.design/docs/components/animated-circular-progress-bar",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "柱状图",
        "进度条",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2c84773a14a22645",
      "title": "Animated Gradient Text",
      "url": "https://magicui.design/docs/components/animated-gradient-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "渐变",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "78d31ac36db53475",
      "title": "Animated Grid Pattern",
      "url": "https://magicui.design/docs/components/animated-grid-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4da11e1f025f05b2",
      "title": "Animated List",
      "url": "https://magicui.design/docs/components/animated-list",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "列表",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9e67172e11138335",
      "title": "Animated Shiny Text",
      "url": "https://magicui.design/docs/components/animated-shiny-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a2eafd8528b765ea",
      "title": "Animated Theme Toggler",
      "url": "https://magicui.design/docs/components/animated-theme-toggler",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48d5bb59cfdbaafb",
      "title": "Aurora Text",
      "url": "https://magicui.design/docs/components/aurora-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "极光",
        "渐变背景",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5cb4c5309404a62",
      "title": "Avatar Circles",
      "url": "https://magicui.design/docs/components/avatar-circles",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "头像"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "11b8d8c587fe1588",
      "title": "Backlight",
      "url": "https://magicui.design/docs/components/backlight",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "56e6181a6c023268",
      "title": "Bento Grid",
      "url": "https://magicui.design/docs/components/bento-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模块化布局",
        "格子",
        "卡片",
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [
          {
            "id": "bento",
            "label": "Bento 功能网格",
            "evidence": "已逐条核验对应画面：不同大小卡片组成的功能网格"
          }
        ],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://magicui.design/docs/components/bento-grid",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "d54c0a06b4721de5",
      "title": "Blur Fade",
      "url": "https://magicui.design/docs/components/blur-fade",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "淡入",
        "淡出",
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cfcee1c4108481d7",
      "title": "Border Beam",
      "url": "https://magicui.design/docs/components/border-beam",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光束",
        "发光边框",
        "流光边框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "08a6e858152ec556",
      "title": "Code Comparison",
      "url": "https://magicui.design/docs/components/code-comparison",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "27f531ff603a5f31",
      "title": "Comic Text",
      "url": "https://magicui.design/docs/components/comic-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "263f9dcec5d8d02d",
      "title": "Confetti",
      "url": "https://magicui.design/docs/components/confetti",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "彩纸",
        "庆祝"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a58923ba44ba010c",
      "title": "Cool Mode",
      "url": "https://magicui.design/docs/components/cool-mode",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c606d569f76894ca",
      "title": "Dia Text Reveal",
      "url": "https://magicui.design/docs/components/dia-text-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c766ae264d84f9b0",
      "title": "Dock",
      "url": "https://magicui.design/docs/components/dock",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "程序坞",
        "导航"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28df7c4a4c63ac46",
      "title": "Dot Pattern",
      "url": "https://magicui.design/docs/components/dot-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d63b2f7eb19e8e9b",
      "title": "Dotted Map",
      "url": "https://magicui.design/docs/components/dotted-map",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "地图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f7105d18f01dc48",
      "title": "File Tree",
      "url": "https://magicui.design/docs/components/file-tree",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "树形列表",
        "文件"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6339226d457cd49e",
      "title": "Flickering Grid",
      "url": "https://magicui.design/docs/components/flickering-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d8215df25ec9b17",
      "title": "Glare Hover",
      "url": "https://magicui.design/docs/components/glare-hover",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "反光",
        "高光"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "448f37f7d2ff110e",
      "title": "Globe",
      "url": "https://magicui.design/docs/components/globe",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c5880100563edb51",
      "title": "Glyph Matrix",
      "url": "https://magicui.design/docs/components/glyph-matrix",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2415b3015ae0b8a8",
      "title": "Grid Pattern",
      "url": "https://magicui.design/docs/components/grid-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "34098e2fb365b173",
      "title": "Hero Video Dialog",
      "url": "https://magicui.design/docs/components/hero-video-dialog",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "首屏",
        "主视觉",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      },
      "visual": {
        "layouts": [],
        "styles": [
          {
            "id": "light",
            "label": "浅色",
            "evidence": "已逐条核验对应画面：以浅色为主的界面底色"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "已逐条核验对应画面：克制的配色、元素和留白"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-14",
        "evidenceUrl": "https://magicui.design/docs/components/hero-video-dialog",
        "boundary": "标签描述本条参考展示的首屏或区块画面，不代表完整网站的所有页面；组件颜色可能可配置。"
      }
    },
    {
      "id": "e8a4070861f46f9e",
      "title": "Hexagon Pattern",
      "url": "https://magicui.design/docs/components/hexagon-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5df0911e713495dc",
      "title": "Highlighter",
      "url": "https://magicui.design/docs/components/highlighter",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6934c83d71cb6ccc",
      "title": "Hyper Text",
      "url": "https://magicui.design/docs/components/hyper-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2bb75991b4f7e02d",
      "title": "Icon Cloud",
      "url": "https://magicui.design/docs/components/icon-cloud",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "08c1bd5c35bbf7e6",
      "title": "Interactive Grid Pattern",
      "url": "https://magicui.design/docs/components/interactive-grid-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8e82523ba79c1dc5",
      "title": "Interactive Hover Button",
      "url": "https://magicui.design/docs/components/interactive-hover-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "悬停",
        "鼠标悬停"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b5fef72f5061eefc",
      "title": "Iphone",
      "url": "https://magicui.design/docs/components/iphone",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0c2360e4b7e035ba",
      "title": "Kinetic Text",
      "url": "https://magicui.design/docs/components/kinetic-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "64764251ee36e24d",
      "title": "Lens",
      "url": "https://magicui.design/docs/components/lens",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "086be91198521d19",
      "title": "Light Rays",
      "url": "https://magicui.design/docs/components/light-rays",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ebfe8d38c2787263",
      "title": "Line Shadow Text",
      "url": "https://magicui.design/docs/components/line-shadow-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da0775db0370b125",
      "title": "Magic Card",
      "url": "https://magicui.design/docs/components/magic-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3ecc874ec6a20fa4",
      "title": "Marquee",
      "url": "https://magicui.design/docs/components/marquee",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe45738b6f88b7a4",
      "title": "Meteors",
      "url": "https://magicui.design/docs/components/meteors",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "流星"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5a98d9946bc6b3f3",
      "title": "Morphing Text",
      "url": "https://magicui.design/docs/components/morphing-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b63978984e668b7b",
      "title": "Neon Gradient Card",
      "url": "https://magicui.design/docs/components/neon-gradient-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片",
        "渐变"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dfa4cd34da31aa4f",
      "title": "Noise Texture",
      "url": "https://magicui.design/docs/components/noise-texture",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7f7f14cfd75ae689",
      "title": "Number Ticker",
      "url": "https://magicui.design/docs/components/number-ticker",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "31691675d82f8b59",
      "title": "Orbiting Circles",
      "url": "https://magicui.design/docs/components/orbiting-circles",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "857bf38047609346",
      "title": "Particles",
      "url": "https://magicui.design/docs/components/particles",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e00b7c604cf1bce",
      "title": "Pixel Image",
      "url": "https://magicui.design/docs/components/pixel-image",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f06da4826ad1465e",
      "title": "Pointer",
      "url": "https://magicui.design/docs/components/pointer",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "68641d2204424917",
      "title": "Progressive Blur",
      "url": "https://magicui.design/docs/components/progressive-blur",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "模糊"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bf779c318db53352",
      "title": "Pulsating Button",
      "url": "https://magicui.design/docs/components/pulsating-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8539acf922dd108f",
      "title": "Rainbow Button",
      "url": "https://magicui.design/docs/components/rainbow-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "123e9c19135e05a9",
      "title": "Retro Grid",
      "url": "https://magicui.design/docs/components/retro-grid",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "80995c4a59d61469",
      "title": "Ripple",
      "url": "https://magicui.design/docs/components/ripple",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f248503afb97641",
      "title": "Ripple Button",
      "url": "https://magicui.design/docs/components/ripple-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "涟漪",
        "波纹"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc42727205c5a87a",
      "title": "Safari",
      "url": "https://magicui.design/docs/components/safari",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fd2742d3c4c28431",
      "title": "Scroll Based Velocity",
      "url": "https://magicui.design/docs/components/scroll-based-velocity",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3a02d07bac96ba19",
      "title": "Scroll Progress",
      "url": "https://magicui.design/docs/components/scroll-progress",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "进度条",
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "317d3910e1ac062a",
      "title": "Shimmer Button",
      "url": "https://magicui.design/docs/components/shimmer-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮",
        "流光",
        "闪烁"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "12d90c26f917d8d1",
      "title": "Shine Border",
      "url": "https://magicui.design/docs/components/shine-border",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "发光边框",
        "流光边框"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9a99fcb15c83d2fc",
      "title": "Shiny Button",
      "url": "https://magicui.design/docs/components/shiny-button",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "024a36daf6326472",
      "title": "Smooth Cursor",
      "url": "https://magicui.design/docs/components/smooth-cursor",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1a622c3fe8b999a8",
      "title": "Sparkles Text",
      "url": "https://magicui.design/docs/components/sparkles-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b11a0d208057da8d",
      "title": "Spinning Text",
      "url": "https://magicui.design/docs/components/spinning-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4f3c6e76ba7d59f5",
      "title": "Striped Pattern",
      "url": "https://magicui.design/docs/components/striped-pattern",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8be2b4d59257b979",
      "title": "Terminal",
      "url": "https://magicui.design/docs/components/terminal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "终端"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8454fe726830a759",
      "title": "Text 3D Flip",
      "url": "https://magicui.design/docs/components/text-3d-flip",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "翻转",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5895257f36760723",
      "title": "Text Animate",
      "url": "https://magicui.design/docs/components/text-animate",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ae153b19a300193a",
      "title": "Text Reveal",
      "url": "https://magicui.design/docs/components/text-reveal",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e1f7d5cd1a868601",
      "title": "Tweet Card",
      "url": "https://magicui.design/docs/components/tweet-card",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a7055f4045028553",
      "title": "Typing Animation",
      "url": "https://magicui.design/docs/components/typing-animation",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "打字机",
        "打字",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6e01ff65e0c79bcc",
      "title": "Video Text",
      "url": "https://magicui.design/docs/components/video-text",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d490e09d998eb4e7",
      "title": "Warp Background",
      "url": "https://magicui.design/docs/components/warp-background",
      "kind": "组件",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cea5cbe97a547051",
      "title": "Word Rotate",
      "url": "https://magicui.design/docs/components/word-rotate",
      "kind": "组件",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://magicui.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6b317aab302f14e6",
      "title": "Marquee · 纵向滚动卡片",
      "url": "https://magicui.design/docs/components/marquee#vertical",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表"
      ],
      "framework": "",
      "source": {
        "kind": "已采集实例来源",
        "url": "https://magicui.design/docs/components/marquee#vertical",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d5270dc06e5cdb1a",
      "title": "Marquee · 3D 卡片阵列",
      "url": "https://magicui.design/docs/components/marquee#3d",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "跑马灯",
        "轮播",
        "滚动列表",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "已采集实例来源",
        "url": "https://magicui.design/docs/components/marquee#3d",
        "date": "2026-10-13"
      }
    }
  ]
}