{
  "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": 5,
    "pageSize": 80,
    "totalEntries": 524,
    "totalPages": 7,
    "offset": 320,
    "previous": "page-4.json",
    "next": "page-6.json"
  },
  "entries": [
    {
      "id": "c0bcb9af4eff3601",
      "title": "Element scroll-linked animation",
      "url": "https://motion.dev/examples/vue-scroll-container",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f1e86f20c6afe27b",
      "title": "Scroll-linked animations",
      "url": "https://motion.dev/examples/vue-scroll-linked",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "68584b80483d5b51",
      "title": "Scroll-linked spring animation",
      "url": "https://motion.dev/examples/vue-scroll-linked-with-spring",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bb3bdc4e9513f94e",
      "title": "Track element within viewport",
      "url": "https://motion.dev/examples/vue-scroll-track-element-in-viewport",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ffabd484f698c5d6",
      "title": "Scroll-triggered animations",
      "url": "https://motion.dev/examples/vue-scroll-triggered",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "885a3d4ed44b4839",
      "title": "Shared layout animation",
      "url": "https://motion.dev/examples/vue-shared-layout-animation",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "54bafd0077f707c1",
      "title": "Animate state",
      "url": "https://motion.dev/examples/vue-state-updates",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7f6267a649e62122",
      "title": "useTime",
      "url": "https://motion.dev/examples/vue-use-time",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "da4bbd2ddbf68e8b",
      "title": "Value transform & path drawing",
      "url": "https://motion.dev/examples/vue-use-transform",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bf9e43967c147bcf",
      "title": "iOS App Store",
      "url": "https://motion.dev/examples/js-app-store",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "08f3b397bc7a4d5f",
      "title": "iOS App Store: Layout animation",
      "url": "https://motion.dev/examples/js-app-store-layout",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7e1579896933a90b",
      "title": "Conic gradient pointer",
      "url": "https://motion.dev/examples/js-conic-gradient-pointer",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "渐变",
        "指针",
        "鼠标"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "511d7c8ec649379b",
      "title": "Image reveal slider",
      "url": "https://motion.dev/examples/js-image-reveal-slider",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "揭示",
        "出现",
        "入场",
        "图片"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e3238e56f9b6c260",
      "title": "iOS slider",
      "url": "https://motion.dev/examples/js-ios-slider",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b8ffcb60a8918843",
      "title": "Notifications list",
      "url": "https://motion.dev/examples/js-notifications-list",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5879766755e8f3c8",
      "title": "Tab select",
      "url": "https://motion.dev/examples/js-tab-select",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "20cb1dbd9ec971cc",
      "title": "Tilt card",
      "url": "https://motion.dev/examples/js-tilt-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2f3e31e402c71ef0",
      "title": "Typewriter",
      "url": "https://motion.dev/examples/js-typewriter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9e1f57ecdb9434d5",
      "title": "Tilt card",
      "url": "https://motion.dev/examples/react-tilt-card",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "89c283e1181363e8",
      "title": "Split Text",
      "url": "https://motion.dev/examples/js-split-text",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "055d3735f07e258e",
      "title": "Split Text: Scatter",
      "url": "https://motion.dev/examples/js-split-text-scatter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "50e518a15fb9896b",
      "title": "Split Text: Wavy",
      "url": "https://motion.dev/examples/js-split-text-wavy",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "60e69d2dc19a7feb",
      "title": "Price switcher",
      "url": "https://motion.dev/examples/vue-number-price-switcher",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b89377061a2c963f",
      "title": "Number formatting",
      "url": "https://motion.dev/examples/vue-number-formatting",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5e6e74a5318d144a",
      "title": "Number counter",
      "url": "https://motion.dev/examples/vue-number-counter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "88beebd62aad06c2",
      "title": "Engagement stats",
      "url": "https://motion.dev/examples/vue-number-engagement-stats",
      "kind": "组件示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "34ed8a1d99aabd71",
      "title": "Color interpolation",
      "url": "https://motion.dev/examples/js-color-interpolation",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a8fe3d468f546791",
      "title": "Color interpolation",
      "url": "https://motion.dev/examples/react-color-interpolation",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6e0b3864db7b2659",
      "title": "Image reveal slider",
      "url": "https://motion.dev/examples/react-image-reveal-slider",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "揭示",
        "出现",
        "入场",
        "图片"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ed3432a2dcadfe25",
      "title": "Gestures",
      "url": "https://motion.dev/examples/js-gestures",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "38a98924c175b332",
      "title": "Line graph",
      "url": "https://motion.dev/examples/react-line-graph",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "折线",
        "线条"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f3470b1c4c6ff54c",
      "title": "Accordion",
      "url": "https://motion.dev/examples/js-accordion",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e4056b2b1fb5fb3d",
      "title": "Bounce easing",
      "url": "https://motion.dev/examples/js-bounce-easing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0b40e14e66834a8d",
      "title": "Modal dialog",
      "url": "https://motion.dev/examples/js-modal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "035cace80f8f3555",
      "title": "Reveal text effect",
      "url": "https://motion.dev/examples/js-text-reveal",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c7984b6a0e6a4f5e",
      "title": "Aspect Ratio",
      "url": "https://motion.dev/examples/vue-aspect-ratio",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7c2708d0b65437b6",
      "title": "Bounce Easing",
      "url": "https://motion.dev/examples/vue-bounce-easing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1ff072dda514d05c",
      "title": "Drag Lock Direction",
      "url": "https://motion.dev/examples/vue-drag-lock-direction",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动",
        "锁",
        "安全"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c11427374f84383f",
      "title": "HTML content",
      "url": "https://motion.dev/examples/vue-html-content",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b24b504042a62e16",
      "title": "Radix: Tabs",
      "url": "https://motion.dev/examples/vue-radix-tabs",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b471b31673aa0990",
      "title": "Drag: Lock direction",
      "url": "https://motion.dev/examples/react-drag-lock-direction",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动",
        "锁",
        "安全"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5dab9d7fbbef9c15",
      "title": "Modal: Shared layout",
      "url": "https://motion.dev/examples/react-modal-shared-layout",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a71ba29c580bfae3",
      "title": "Apple Watch Home Screen",
      "url": "https://motion.dev/examples/react-apple-watch-home-screen",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "首页",
        "房子"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b8839b2613bf8050",
      "title": "Aspect ratio",
      "url": "https://motion.dev/examples/react-aspect-ratio",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c7b06cbb726e5a72",
      "title": "Bounce easing",
      "url": "https://motion.dev/examples/react-bounce-easing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "014d1937b1d5f159",
      "title": "Conic gradient pointer",
      "url": "https://motion.dev/examples/react-conic-gradient-pointer",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "渐变",
        "指针",
        "鼠标"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a7b64ef0638be223",
      "title": "CSS Spring",
      "url": "https://motion.dev/examples/vue-css-spring",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e8b643b53d60d987",
      "title": "Drag",
      "url": "https://motion.dev/examples/vue-drag",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3be0a67c264ee371",
      "title": "Drag: Constraints",
      "url": "https://motion.dev/examples/vue-drag-constraints",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9cdd2ade51d6e79a",
      "title": "Enter Animation",
      "url": "https://motion.dev/examples/vue-enter-animation",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f6e2d2aa9e90e1a7",
      "title": "Exit animation",
      "url": "https://motion.dev/examples/vue-exit-animation",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b11d349e0271d835",
      "title": "Follow pointer with spring",
      "url": "https://motion.dev/examples/vue-follow-pointer-with-spring",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7405040dea4ada5a",
      "title": "Gestures",
      "url": "https://motion.dev/examples/vue-gestures",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e723060ae6f0915d",
      "title": "Keyframes",
      "url": "https://motion.dev/examples/vue-keyframes",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "00a18325cde906e6",
      "title": "Keyframe wildcards",
      "url": "https://motion.dev/examples/vue-keyframes-wildcards",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "64ad1275daa8e5f3",
      "title": "Layout animation",
      "url": "https://motion.dev/examples/vue-layout-animation",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cf3911ae58dd21b2",
      "title": "Motion along a path",
      "url": "https://motion.dev/examples/vue-motion-path",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "655ed1dc14653dcb",
      "title": "Radix: Dialog",
      "url": "https://motion.dev/examples/vue-radix-dialog",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "dd8044a984bc05a3",
      "title": "Rotate",
      "url": "https://motion.dev/examples/vue-rotate",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e9f3ed137e8aed34",
      "title": "useAnimationFrame",
      "url": "https://motion.dev/examples/vue-use-animation-frame",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "31212d3f49ade1b3",
      "title": "Spring: Follow Cursor",
      "url": "https://motion.dev/examples/js-spring-follow-cursor",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f299ced91221367a",
      "title": "AnimateActivity: Slideshow",
      "url": "https://motion.dev/examples/react-animate-activity",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4e28fed8ade7fe29",
      "title": "usePresenceData",
      "url": "https://motion.dev/examples/react-use-presence-data",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c14a23c4e406680a",
      "title": "Press",
      "url": "https://motion.dev/examples/js-press",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "25278b1261675fa8",
      "title": "Reveal text effect",
      "url": "https://motion.dev/examples/react-text-reveal",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f9dfcf48ab8ac30f",
      "title": "Base UI: Accordion",
      "url": "https://motion.dev/examples/react-base-accordion",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "99ba7ba7d4d1b7db",
      "title": "Radix: Accordion",
      "url": "https://motion.dev/examples/react-radix-accordion",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e1b58b5398f557a0",
      "title": "Radix: Checkbox",
      "url": "https://motion.dev/examples/react-radix-checkbox",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ac4b35b01a761be0",
      "title": "Radix: Context Menu",
      "url": "https://motion.dev/examples/react-radix-context-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bdaf2f742f9dbf1e",
      "title": "Radix: Dialog",
      "url": "https://motion.dev/examples/react-radix-dialog",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "43ccd4dc6bb72c5b",
      "title": "Radix: Dropdown Menu",
      "url": "https://motion.dev/examples/react-radix-dropdown",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单",
        "下拉菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c3d0274e0eb33cf0",
      "title": "Base UI: Radio",
      "url": "https://motion.dev/examples/react-base-radio",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "单选框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b4157684ecdd9f89",
      "title": "Radix: Progress",
      "url": "https://motion.dev/examples/react-radix-progress",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "进度条"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0d5d3ba438938af3",
      "title": "Radix: Radio Group",
      "url": "https://motion.dev/examples/react-radix-radio-group",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "单选框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b7fa247ad967d90e",
      "title": "Radix: Select",
      "url": "https://motion.dev/examples/react-radix-select",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "17f9184e49de0fdd",
      "title": "Radix: Switch",
      "url": "https://motion.dev/examples/react-radix-switch",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "开关"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "93eb803a9a152fc9",
      "title": "Radix: Tabs",
      "url": "https://motion.dev/examples/react-radix-tabs",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "58355c5e6953f101",
      "title": "Radix: Toast",
      "url": "https://motion.dev/examples/react-radix-toast",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7fb4023cbb747b66",
      "title": "Radix: Toggle Group",
      "url": "https://motion.dev/examples/react-radix-toggle-group",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "82237a2bad82f31f",
      "title": "Number formatting",
      "url": "https://motion.dev/examples/react-number-formatting",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    }
  ]
}