{
  "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": 4,
    "pageSize": 80,
    "totalEntries": 524,
    "totalPages": 7,
    "offset": 240,
    "previous": "page-3.json",
    "next": "page-5.json"
  },
  "entries": [
    {
      "id": "42e80a540bb9af1a",
      "title": "Family-style dialog",
      "url": "https://motion.dev/examples/js-family-dialog",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4eb9a1bf9bcb3c3c",
      "title": "Family-style dialog",
      "url": "https://motion.dev/examples/react-family-dialog",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ee4b2a23a7cff27a",
      "title": "Cursor: Image hover",
      "url": "https://motion.dev/examples/vue-cursor-hover-follow",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "光标",
        "鼠标",
        "指针",
        "图片"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8fd7bfd695acbc4d",
      "title": "Cursor: Image hover",
      "url": "https://motion.dev/examples/react-cursor-hover-follow",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "光标",
        "鼠标",
        "指针",
        "图片"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ec8981ac8932d198",
      "title": "Swipe actions",
      "url": "https://motion.dev/examples/vue-swipe-actions",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滑动",
        "手势"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bc6c438e300bcaff",
      "title": "Smooth tabs",
      "url": "https://motion.dev/examples/vue-smooth-tabs",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "987a3a8cba36d374",
      "title": "Hold to confirm",
      "url": "https://motion.dev/examples/vue-hold-to-confirm",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "73724811ca5f7883",
      "title": "Multi state badge",
      "url": "https://motion.dev/examples/vue-multi-state-badge",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b9bec6a171b9216b",
      "title": "iOS Notifications stack",
      "url": "https://motion.dev/examples/vue-notifications-stack",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8a73b0b30110dbd9",
      "title": "Scale correction",
      "url": "https://motion.dev/examples/vue-scale-correction",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7599397459dc515c",
      "title": "Split text",
      "url": "https://motion.dev/examples/react-split-text",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e08f46e2bdd03f79",
      "title": "Scatter text",
      "url": "https://motion.dev/examples/react-split-text-scatter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b3aec0cc898fe018",
      "title": "Wavy text",
      "url": "https://motion.dev/examples/react-split-text-wavy",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5975cad58a4b6d19",
      "title": "Hold to confirm",
      "url": "https://motion.dev/examples/js-hold-to-confirm",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a57991af42c1a8f6",
      "title": "Multi state badge",
      "url": "https://motion.dev/examples/js-multi-state-badge",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1a59cac2795d89c2",
      "title": "Notifications stack",
      "url": "https://motion.dev/examples/js-notifications-stack",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9f42475c002f1d0f",
      "title": "Hold to confirm",
      "url": "https://motion.dev/examples/react-hold-to-confirm",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6b0f1cc987651d47",
      "title": "Characters remaining",
      "url": "https://motion.dev/examples/js-characters-remaining",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1be363058d540b9e",
      "title": "Characters remaining",
      "url": "https://motion.dev/examples/react-characters-remaining",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ffd54ed0bf347b56",
      "title": "Multi state badge",
      "url": "https://motion.dev/examples/react-multi-state-badge",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f9d94a495f0b244b",
      "title": "Loading: Circle spinner",
      "url": "https://motion.dev/examples/vue-loading-circle-spinner",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "转圈"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9ea17c1217ac4c0e",
      "title": "Fill text",
      "url": "https://motion.dev/examples/vue-loading-fill-text",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "064316f91526a002",
      "title": "Loading: Jumping dots",
      "url": "https://motion.dev/examples/vue-loading-jumping-dots",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fd08e00de7ddb707",
      "title": "Loading overlay",
      "url": "https://motion.dev/examples/vue-loading-line-reveal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9adea842a1803cac",
      "title": "Loading progress bar",
      "url": "https://motion.dev/examples/vue-loading-progress-bar",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "进度条"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "48b50ea06d262aec",
      "title": "Loading ripple",
      "url": "https://motion.dev/examples/vue-loading-ripple",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "涟漪",
        "波纹"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7d2b7df6e6e67aab",
      "title": "Loading: Pulse dots",
      "url": "https://motion.dev/examples/vue-loading-three-dots-pulse",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bbd6057911c380dd",
      "title": "Radix: Slider with AnimateNumber",
      "url": "https://motion.dev/examples/vue-number-radix-slider",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b42c0579c1428d3c",
      "title": "Radix: Accordion",
      "url": "https://motion.dev/examples/vue-radix-accordion",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "427c3e21f899e4e4",
      "title": "Radix: Checkbox",
      "url": "https://motion.dev/examples/vue-radix-checkbox",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1df9e403234afad1",
      "title": "Radix: Context Menu",
      "url": "https://motion.dev/examples/vue-radix-context-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "83458b1bac266bce",
      "title": "Radix: Dropdown Menu",
      "url": "https://motion.dev/examples/vue-radix-dropdown",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单",
        "下拉菜单"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "54be03820bbadddd",
      "title": "Radix: Progress",
      "url": "https://motion.dev/examples/vue-radix-progress",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "进度条"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "15855516c595b375",
      "title": "Radix: Radio Group",
      "url": "https://motion.dev/examples/vue-radix-radio-group",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "单选框"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1a4162ca29fc0816",
      "title": "Radix: Select",
      "url": "https://motion.dev/examples/vue-radix-select",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2e22a713ea47769b",
      "title": "Radix: Switch",
      "url": "https://motion.dev/examples/vue-radix-switch",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b0583bbe8237c27d",
      "title": "Radix: Toast",
      "url": "https://motion.dev/examples/vue-radix-toast",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9ce506548cb9d5d4",
      "title": "Radix: Toggle Group",
      "url": "https://motion.dev/examples/vue-radix-toggle-group",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f207453425221ecb",
      "title": "Radix: Toolbar",
      "url": "https://motion.dev/examples/vue-radix-toolbar",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "da806d2cd25e58b8",
      "title": "Radix: Tooltip",
      "url": "https://motion.dev/examples/vue-radix-tooltip",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "642214661882c08f",
      "title": "iOS App Store",
      "url": "https://motion.dev/examples/vue-app-store",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "030da1c20980ebef",
      "title": "Apple Watch Home Screen",
      "url": "https://motion.dev/examples/vue-apple-watch-home-screen",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "首页",
        "房子"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9f42fb39e46b4e97",
      "title": "Modal: Shared layout",
      "url": "https://motion.dev/examples/vue-modal-shared-layout",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "90832dd1d0177267",
      "title": "Physical stagger",
      "url": "https://motion.dev/examples/vue-staggered-grid",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "交错",
        "逐个出现"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e9d0d43a2628d05b",
      "title": "Tab select",
      "url": "https://motion.dev/examples/vue-tab-select",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "36c779d73a82cd2c",
      "title": "Image reveal slider",
      "url": "https://motion.dev/examples/vue-image-reveal-slider",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "揭示",
        "出现",
        "入场",
        "图片"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "02da6cc0a217f962",
      "title": "iOS slider",
      "url": "https://motion.dev/examples/vue-ios-slider",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "14ad7492bc9c661c",
      "title": "Accordion",
      "url": "https://motion.dev/examples/vue-accordion",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d4e8c49673dd8ea0",
      "title": "Conic gradient pointer",
      "url": "https://motion.dev/examples/vue-conic-gradient-pointer",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "渐变",
        "指针",
        "鼠标"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "81c4005ebca0121d",
      "title": "Cursor: Adaptive caret size",
      "url": "https://motion.dev/examples/vue-cursor",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "75f521e6252dc2bc",
      "title": "Cursor: Custom content",
      "url": "https://motion.dev/examples/vue-cursor-custom-content",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e1fe416df539b1a3",
      "title": "Cursor: Follow",
      "url": "https://motion.dev/examples/vue-cursor-follow",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ed1d0cd655b691c1",
      "title": "Cursor: Multi-follow",
      "url": "https://motion.dev/examples/vue-cursor-multifollow",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "64523d5e0f8eb0d7",
      "title": "Line graph",
      "url": "https://motion.dev/examples/vue-line-graph",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f8ca5bbf8bc2bc82",
      "title": "Drag with spring follow",
      "url": "https://motion.dev/examples/vue-multifollow-pointer-with-spring",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fe8cdee06b4ca052",
      "title": "Notifications list",
      "url": "https://motion.dev/examples/vue-notifications-list",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "204667fe8fbdf61e",
      "title": "Reveal text effect",
      "url": "https://motion.dev/examples/vue-text-reveal",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7fdf2675bbe523a1",
      "title": "Tilt card",
      "url": "https://motion.dev/examples/vue-tilt-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1243b1824c31de92",
      "title": "Typewriter",
      "url": "https://motion.dev/examples/vue-typewriter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6fc9b3e0be31a4f9",
      "title": "Variants",
      "url": "https://motion.dev/examples/vue-variants",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "eaeb5cbf641e85d0",
      "title": "Loading: Circle spinner",
      "url": "https://motion.dev/examples/js-loading-circle-spinner",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "转圈"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4dca0efcf2950f16",
      "title": "Fill text",
      "url": "https://motion.dev/examples/js-loading-fill-text",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8a0b4d3aa8614d61",
      "title": "Loading: Jumping dots",
      "url": "https://motion.dev/examples/js-loading-jumping-dots",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9538404df8ab455f",
      "title": "Loading overlay",
      "url": "https://motion.dev/examples/js-loading-line-reveal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f254b6fe9af0f128",
      "title": "Loading progress bar",
      "url": "https://motion.dev/examples/js-loading-progress-bar",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "进度条"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "49d1887bce282b94",
      "title": "Loading ripple",
      "url": "https://motion.dev/examples/js-loading-ripple",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "涟漪",
        "波纹"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "28b38f64072b4272",
      "title": "Loading: Pulse dots",
      "url": "https://motion.dev/examples/js-loading-three-dots-pulse",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4d8661917332703c",
      "title": "Loading: Circle spinner",
      "url": "https://motion.dev/examples/react-loading-circle-spinner",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "转圈"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "936c68385373bdc9",
      "title": "Fill text",
      "url": "https://motion.dev/examples/react-loading-fill-text",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "47ceb859a5ef9e2a",
      "title": "Loading: Jumping dots",
      "url": "https://motion.dev/examples/react-loading-jumping-dots",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "307c1b0e3dc8dfde",
      "title": "Loading overlay",
      "url": "https://motion.dev/examples/react-loading-line-reveal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "610bcd77573423b0",
      "title": "Loading progress bar",
      "url": "https://motion.dev/examples/react-loading-progress-bar",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "进度条"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "562028bf5dadb00e",
      "title": "Loading ripple",
      "url": "https://motion.dev/examples/react-loading-ripple",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "涟漪",
        "波纹"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fc51208ac422761d",
      "title": "Loading: Pulse dots",
      "url": "https://motion.dev/examples/react-loading-three-dots-pulse",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c9f5a7d302d5f595",
      "title": "Physical stagger",
      "url": "https://motion.dev/examples/js-staggered-grid",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "交错",
        "逐个出现"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "35e697db166fc651",
      "title": "Physical stagger",
      "url": "https://motion.dev/examples/react-staggered-grid",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "交错",
        "逐个出现"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "51cf4601bd288a13",
      "title": "Parallax",
      "url": "https://motion.dev/examples/vue-parallax",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4520e82416c1ae45",
      "title": "Path drawing",
      "url": "https://motion.dev/examples/vue-path-drawing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "518e8dfbdede12bf",
      "title": "Path morphing",
      "url": "https://motion.dev/examples/vue-path-morphing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bce3099a7f2eeda9",
      "title": "Reorder animation",
      "url": "https://motion.dev/examples/vue-reorder-items",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    }
  ]
}