{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "bookmark-motion-dev",
    "name": "Motion",
    "description": "JavaScript 与 React 动画库，适合查找动画实现方式与示例。",
    "category": "交互动效",
    "tags": [
      "动画库",
      "JavaScript",
      "React"
    ],
    "url": "https://motion.dev/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/bookmark-motion-dev/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/bookmark-motion-dev/index.json",
    "code": false,
    "prompt": false,
    "entryCount": 524,
    "scope": {
      "status": "已核对公开详情目录",
      "note": "根据本次官网站点地图核对命名详情，排除站点导航、安装说明与类目；具体示例、文档与参考分别标识。",
      "capturedAt": "2026-10-14"
    },
    "offers": [
      {
        "id": "catalog",
        "label": "已收录的参考资源",
        "platforms": [
          "web"
        ],
        "resources": [
          "unknown"
        ],
        "frameworks": [
          "react",
          "html"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "saved",
            "url": "https://motion.dev/",
            "date": "2026-10-13",
            "note": "已收录的官网用途说明与标签：JavaScript 与 React 动画库，适合查找动画实现方式与示例。"
          }
        ]
      }
    ],
    "featuredSamples": []
  },
  "pagination": {
    "page": 3,
    "pageSize": 80,
    "totalEntries": 524,
    "totalPages": 7,
    "offset": 160,
    "previous": "page-2.json",
    "next": "page-4.json"
  },
  "entries": [
    {
      "id": "694eaf89067545ed",
      "title": "Carousel: Coverflow",
      "url": "https://motion.dev/examples/react-carousel-coverflow",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "987910cc780a13c8",
      "title": "Carousel: Free scroll",
      "url": "https://motion.dev/examples/react-carousel-free-scroll",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "滚动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2d5adb2ea2b33e3b",
      "title": "Carousel: iOS exposure slider",
      "url": "https://motion.dev/examples/react-carousel-ios-exposure-slider",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "滑块",
        "滑杆"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "21c3488c78bfbc6d",
      "title": "Carousel: Offset-linked animations",
      "url": "https://motion.dev/examples/react-carousel-item-offset",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9dbc3e6e5b62fdc0",
      "title": "Carousel: Lightbox",
      "url": "https://motion.dev/examples/react-carousel-lightbox",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e79bd7788e1edba2",
      "title": "Carousel: Loop",
      "url": "https://motion.dev/examples/react-carousel-loop",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a8f3040e9d969ef6",
      "title": "Carousel: Pagination",
      "url": "https://motion.dev/examples/react-carousel-pagination-arrows",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "分页"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5ce18e0772930c62",
      "title": "Carousel: Pagination with page count",
      "url": "https://motion.dev/examples/react-carousel-pagination-page-count",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "分页"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e1d800678d20d350",
      "title": "Carousel: Scaling pagination dots",
      "url": "https://motion.dev/examples/react-carousel-pagination-scaling",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "分页"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d9e95c575405739a",
      "title": "Carousel: Parallax",
      "url": "https://motion.dev/examples/react-carousel-parallax",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7f17768bb9825efc",
      "title": "Carousel: Progress scrubber",
      "url": "https://motion.dev/examples/react-carousel-progress-scrubber",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "进度条"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5ee290e14c1922be",
      "title": "Carousel: RTL",
      "url": "https://motion.dev/examples/react-carousel-rtl",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3d3de40170171cbc",
      "title": "Carousel: Thumbnail gallery",
      "url": "https://motion.dev/examples/react-carousel-thumbnail-gallery",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "画廊",
        "图片展示"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "824e7a27e99ef98c",
      "title": "Carousel: Vertical",
      "url": "https://motion.dev/examples/react-carousel-vertical",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7ddb90ab7df61df7",
      "title": "Ticker: RTL",
      "url": "https://motion.dev/examples/react-ticker-rtl",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "74a46bded5ea6857",
      "title": "AnimatePresence modes",
      "url": "https://motion.dev/examples/react-animate-presence-modes",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d1b04b91effbc02d",
      "title": "Cursor: Floating target",
      "url": "https://motion.dev/examples/vue-cursor-floating-target",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "930bd40c5cd43aea",
      "title": "Cursor: Floating target",
      "url": "https://motion.dev/examples/react-cursor-floating-target",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "33d392aed59d1fdf",
      "title": "Card stack",
      "url": "https://motion.dev/examples/react-card-stack",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8489912f88852464",
      "title": "Card stack",
      "url": "https://motion.dev/examples/vue-card-stack",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "58230cc865f4b6c3",
      "title": "Material Design: Ripple",
      "url": "https://motion.dev/examples/js-material-design-ripple",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a8325bfd4864d34f",
      "title": "Material Design: Ripple",
      "url": "https://motion.dev/examples/react-material-design-ripple",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7b0ea963db340043",
      "title": "Material Design: Ripple",
      "url": "https://motion.dev/examples/vue-material-design-ripple",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "66beff8b1de0dfb1",
      "title": "Magnetic filings",
      "url": "https://motion.dev/examples/vue-magnetic-filings",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9e03c3a8c4b38d1c",
      "title": "Magnetic filings",
      "url": "https://motion.dev/examples/react-magnetic-filings",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3f3730dca6023b5e",
      "title": "Cursor trail",
      "url": "https://motion.dev/examples/vue-cursor-trail",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1062e354f46e1a63",
      "title": "Cursor trail velocity",
      "url": "https://motion.dev/examples/vue-cursor-trail-velocity",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "36df9c56157823b4",
      "title": "Infinite loading",
      "url": "https://motion.dev/examples/vue-infinite-loading",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1ba49f70ba60b86c",
      "title": "Cursor trail",
      "url": "https://motion.dev/examples/react-cursor-trail",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f9c9ed279bfdf442",
      "title": "Cursor trail velocity",
      "url": "https://motion.dev/examples/react-cursor-trail-velocity",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "637cbc85e00d83e9",
      "title": "Base UI: Checkbox",
      "url": "https://motion.dev/examples/react-base-checkbox",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "22e1066a5d8d3b87",
      "title": "Base UI: Context menu",
      "url": "https://motion.dev/examples/react-base-context-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6b031a75dae44265",
      "title": "Base UI: Dialog",
      "url": "https://motion.dev/examples/react-base-dialog",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5865cc39e3ed1997",
      "title": "Base UI: Dropdown menu",
      "url": "https://motion.dev/examples/react-base-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单",
        "下拉菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "10d7f20bc18eea10",
      "title": "Base UI: Progress",
      "url": "https://motion.dev/examples/react-base-progress",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "进度条"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "32eff5c546ea699d",
      "title": "Base UI: Select",
      "url": "https://motion.dev/examples/react-base-select",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "80451c6acd5ce5d1",
      "title": "Base UI: Switch",
      "url": "https://motion.dev/examples/react-base-switch",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1d027a53e2fe2210",
      "title": "Base UI: Tabs",
      "url": "https://motion.dev/examples/react-base-tabs",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2a8f2fcbc2515ea6",
      "title": "Base UI: Toast",
      "url": "https://motion.dev/examples/react-base-toast",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a69f75447569c9fb",
      "title": "Base UI: Toggle group",
      "url": "https://motion.dev/examples/react-base-toggle-group",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8450190a51d474f6",
      "title": "Base UI: Tooltip",
      "url": "https://motion.dev/examples/react-base-tooltip",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5b5086f8be1a0d35",
      "title": "Infinite loading",
      "url": "https://motion.dev/examples/react-infinite-loading",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5452532b7b775dfa",
      "title": "Modal dialog",
      "url": "https://motion.dev/examples/vue-modal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5cd8b33bf680a073",
      "title": "Typewriter: Change Content",
      "url": "https://motion.dev/examples/vue-typewriter-change-content",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ae46581998fc1d3c",
      "title": "Typewriter: Exploding Countdown",
      "url": "https://motion.dev/examples/vue-typewriter-explode",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7e6ca96969ab1d3e",
      "title": "Typewriter: Natural Typing",
      "url": "https://motion.dev/examples/vue-typewriter-natural-typing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机",
        "打字"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a56c25114c45811c",
      "title": "Typewriter: Exploding Countdown",
      "url": "https://motion.dev/examples/react-typewriter-explode",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "aa0e2e29a37af019",
      "title": "Typewriter: Natural Typing",
      "url": "https://motion.dev/examples/react-typewriter-natural-typing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机",
        "打字"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "07638462941a35d8",
      "title": "Scroll highlight",
      "url": "https://motion.dev/examples/js-scroll-highlight",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f3790a6e88e0b817",
      "title": "Scroll highlight",
      "url": "https://motion.dev/examples/react-scroll-highlight",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0b5d508e077c2190",
      "title": "Scroll highlight",
      "url": "https://motion.dev/examples/vue-scroll-highlight",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "664ee3f43a731d03",
      "title": "Ticker: Overflow",
      "url": "https://motion.dev/examples/vue-ticker-overflow",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f1ee312a412e1bdc",
      "title": "Ticker: Overflow",
      "url": "https://motion.dev/examples/react-ticker-overflow",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "dd671e46ab601569",
      "title": "Ticker",
      "url": "https://motion.dev/examples/vue-ticker",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e731e9084b09f80d",
      "title": "Ticker: Cursor",
      "url": "https://motion.dev/examples/vue-ticker-cursor",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fc5f712950cd8e34",
      "title": "Ticker: Draggable",
      "url": "https://motion.dev/examples/vue-ticker-draggable",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f957eaff3567e6ff",
      "title": "Ticker: Scroll",
      "url": "https://motion.dev/examples/vue-ticker-scroll",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "40603282530dac7f",
      "title": "Ticker: Text hover effect",
      "url": "https://motion.dev/examples/vue-ticker-text-hover-effect",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4c921e0c7269e1dd",
      "title": "Ticker: UseTickerItem",
      "url": "https://motion.dev/examples/vue-ticker-use-ticker-item",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ab8eab9252b849d6",
      "title": "Ticker: Vertical scrolling",
      "url": "https://motion.dev/examples/vue-ticker-y-axis",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5b7aeb854f2f9bf3",
      "title": "Ticker",
      "url": "https://motion.dev/examples/react-ticker",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c3708804fa99eecb",
      "title": "Ticker: Draggable",
      "url": "https://motion.dev/examples/react-ticker-draggable",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "582e09c2d19d4d48",
      "title": "Ticker: Scroll",
      "url": "https://motion.dev/examples/react-ticker-scroll",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "da2ff730efc0200c",
      "title": "Ticker: UseTickerItem",
      "url": "https://motion.dev/examples/react-ticker-use-ticker-item",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7fa30b2fa03f6e6b",
      "title": "Ticker: Vertical scrolling",
      "url": "https://motion.dev/examples/react-ticker-y-axis",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "411e7f812f8328f2",
      "title": "Ticker: Cursor",
      "url": "https://motion.dev/examples/react-ticker-cursor",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0b12cd2e027c574e",
      "title": "Ticker: Text hover effect",
      "url": "https://motion.dev/examples/react-ticker-text-hover-effect",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2bd3c25df534d210",
      "title": "Loading: Infinite path drawing",
      "url": "https://motion.dev/examples/js-loading-infinite-path-drawing",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "77f8b970d0951759",
      "title": "Cursor: Magnetic target",
      "url": "https://motion.dev/examples/vue-cursor-magnetic",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "053335c5b4447a70",
      "title": "iOS pointer animation",
      "url": "https://motion.dev/examples/vue-ios-pointer",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "90813f0a51a57cc1",
      "title": "Cursor: Magnetic target",
      "url": "https://motion.dev/examples/react-cursor-magnetic",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "93453f29ec6e7af5",
      "title": "iOS pointer animation",
      "url": "https://motion.dev/examples/react-ios-pointer",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "97492685aa6b2a73",
      "title": "Split text",
      "url": "https://motion.dev/examples/vue-split-text",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ca8eee24e9461e8c",
      "title": "Wavy text",
      "url": "https://motion.dev/examples/vue-split-text-wavy",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1225ecdef529e639",
      "title": "Characters remaining",
      "url": "https://motion.dev/examples/vue-characters-remaining",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6e7298036db8a0e3",
      "title": "Apple Intelligence ripple",
      "url": "https://motion.dev/examples/vue-apple-intelligence",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "be89a255e496514f",
      "title": "Apple Intelligence ripple",
      "url": "https://motion.dev/examples/react-apple-intelligence",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "涟漪",
        "波纹"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "776c0401510184f4",
      "title": "Warp overlay",
      "url": "https://motion.dev/examples/vue-warp-overlay",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cf91d77527e0ee42",
      "title": "Warp overlay",
      "url": "https://motion.dev/examples/react-warp-overlay",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "75d35b14120ae784",
      "title": "Family-style dialog",
      "url": "https://motion.dev/examples/vue-family-dialog",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    }
  ]
}