{
  "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": 6,
    "pageSize": 80,
    "totalEntries": 524,
    "totalPages": 7,
    "offset": 400,
    "previous": "page-5.json",
    "next": "page-7.json"
  },
  "entries": [
    {
      "id": "97cbe41541af9527",
      "title": "Price switcher",
      "url": "https://motion.dev/examples/react-number-price-switcher",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "70785030cc35f371",
      "title": "Radix: Toolbar",
      "url": "https://motion.dev/examples/react-radix-toolbar",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ec7ff9bf8e2405ca",
      "title": "Radix: Tooltip",
      "url": "https://motion.dev/examples/react-radix-tooltip",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7681b09eb77e82ac",
      "title": "Swipe actions",
      "url": "https://motion.dev/examples/react-swipe-actions",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滑动",
        "手势"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "550ed5ef6039bff9",
      "title": "Number counter",
      "url": "https://motion.dev/examples/react-number-counter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5afc3e39d7ac2b9b",
      "title": "Engagement stats",
      "url": "https://motion.dev/examples/react-number-engagement-stats",
      "kind": "组件示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f5e15026f9f04db9",
      "title": "Radix: Slider with AnimateNumber",
      "url": "https://motion.dev/examples/react-number-radix-slider",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9841f57bca77db07",
      "title": "Hover",
      "url": "https://motion.dev/examples/js-hover",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "10a56ecdf89237bf",
      "title": "Accordion",
      "url": "https://motion.dev/examples/react-accordion",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7630dd8edabb7b01",
      "title": "iOS slider",
      "url": "https://motion.dev/examples/react-ios-slider",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2bfe5a09704f1123",
      "title": "Smooth Tabs",
      "url": "https://motion.dev/examples/react-smooth-tabs",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7ebb33a803c92add",
      "title": "Modal dialog",
      "url": "https://motion.dev/examples/react-modal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bf0d08a34a304a71",
      "title": "Typewriter: Change Content",
      "url": "https://motion.dev/examples/react-typewriter-change-content",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "065b88886489cf3c",
      "title": "Tab select",
      "url": "https://motion.dev/examples/react-tab-select",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "15e9c5424713c78c",
      "title": "AnimateView: App Store",
      "url": "https://motion.dev/examples/react-animate-view-app-store",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6dcd61c52ae6f58c",
      "title": "iOS App Store",
      "url": "https://motion.dev/examples/react-app-store",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "57a1474ad3097264",
      "title": "Follow pointer with spring",
      "url": "https://motion.dev/examples/react-follow-pointer-with-spring",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "93fb244d681ff948",
      "title": "HTML content",
      "url": "https://motion.dev/examples/react-html-content",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3046876b0e1f09d2",
      "title": "Keyframe wildcards",
      "url": "https://motion.dev/examples/react-keyframes-wildcards",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2b43449987d02178",
      "title": "Drag with spring follow",
      "url": "https://motion.dev/examples/react-multifollow-pointer-with-spring",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a422aa206a45c68a",
      "title": "Toast: Notifications list",
      "url": "https://motion.dev/examples/react-notifications-list",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示",
        "列表"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "144538d93aeafc2d",
      "title": "Parallax",
      "url": "https://motion.dev/examples/react-parallax",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "878d4ac32f34ac13",
      "title": "Reorder animation",
      "url": "https://motion.dev/examples/react-reorder-items",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "836b28b57160d678",
      "title": "Element scroll-linked animation",
      "url": "https://motion.dev/examples/react-scroll-container",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f5cdfae7d35c2d4c",
      "title": "Track element within viewport",
      "url": "https://motion.dev/examples/react-scroll-track-element-in-viewport",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e511d0ef66be41f8",
      "title": "Animate state",
      "url": "https://motion.dev/examples/react-state-updates",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f78d80dce429aa28",
      "title": "Spinning 3D cube",
      "url": "https://motion.dev/examples/react-use-animation-frame",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "三维",
        "3D"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ae1ecce5b84cc394",
      "title": "useTime",
      "url": "https://motion.dev/examples/react-use-time",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "47e00613fa53cc6f",
      "title": "CSS spring",
      "url": "https://motion.dev/examples/react-css-spring",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8407afa727575d87",
      "title": "Transition",
      "url": "https://motion.dev/examples/vue-transition",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f6e045f6100edfed",
      "title": "Lightbox",
      "url": "https://motion.dev/examples/js-lightbox",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a678f0872add7a99",
      "title": "Page wipe",
      "url": "https://motion.dev/examples/js-page-wipe",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "14b21c178f1cb596",
      "title": "iOS Notifications stack",
      "url": "https://motion.dev/examples/react-notifications-stack",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c407864e80f211bd",
      "title": "Layout animation",
      "url": "https://motion.dev/examples/js-layout-animation",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "269ecab884d38ff5",
      "title": "Shared view animation",
      "url": "https://motion.dev/examples/js-shared-view-animation",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "474f25d570c5f63d",
      "title": "View animation",
      "url": "https://motion.dev/examples/js-view-animation",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c508be77752eed7e",
      "title": "HTML content",
      "url": "https://motion.dev/examples/js-html-content",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d5ffd0687472d231",
      "title": "Basic animation",
      "url": "https://motion.dev/examples/js-options",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "502c88a8e51ebdd3",
      "title": "Parallax",
      "url": "https://motion.dev/examples/js-parallax",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4a77f4993516abd4",
      "title": "Rotate",
      "url": "https://motion.dev/examples/js-rotate",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f24658d0bcbc12bd",
      "title": "Scroll fade in/out",
      "url": "https://motion.dev/examples/js-scroll-fade",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "淡入",
        "淡出"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3f27fb6f7cf128af",
      "title": "Scroll pinning",
      "url": "https://motion.dev/examples/js-scroll-pinning",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5842d02b925665bb",
      "title": "Scroll-triggered animation",
      "url": "https://motion.dev/examples/js-scroll-triggered",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ab927d3afff1f3fd",
      "title": "Spring",
      "url": "https://motion.dev/examples/js-spring",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1d674edcc1958580",
      "title": "Stagger",
      "url": "https://motion.dev/examples/js-stagger",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "交错",
        "逐个出现"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c18680bcc766b8cf",
      "title": "SVG loading spinner",
      "url": "https://motion.dev/examples/js-svg-loading-spinner",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "转圈"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3a63d5220f2c6941",
      "title": "SVG path morphing",
      "url": "https://motion.dev/examples/js-svg-path-morphing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "23ceff3a0fd90be6",
      "title": "Three.js: Three.js",
      "url": "https://motion.dev/examples/js-three",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a5868b6c6b6a06d8",
      "title": "Cursor: Custom content",
      "url": "https://motion.dev/examples/react-cursor-custom-content",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "eccd4499eee10b08",
      "title": "Cursor: Follow",
      "url": "https://motion.dev/examples/react-cursor-follow",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0a98c79f1d5c8a40",
      "title": "Cursor: Multi-follow",
      "url": "https://motion.dev/examples/react-cursor-multifollow",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f1c632f96c3786dd",
      "title": "Exit animation",
      "url": "https://motion.dev/examples/react-exit-animation",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "056d6662ae7cda6e",
      "title": "Cursor: Adaptive caret size",
      "url": "https://motion.dev/examples/react-cursor",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "67dfc64b1e01943a",
      "title": "Drag",
      "url": "https://motion.dev/examples/react-drag",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ff17c69010547c2c",
      "title": "Drag: Constraints",
      "url": "https://motion.dev/examples/react-drag-constraints",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "拖拽",
        "拖动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4b026465c0bb9e5e",
      "title": "Enter animation",
      "url": "https://motion.dev/examples/react-enter-animation",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7ff9ecf75169890e",
      "title": "Gestures",
      "url": "https://motion.dev/examples/react-gestures",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9a797eeb1a04264c",
      "title": "Keyframes",
      "url": "https://motion.dev/examples/react-keyframes",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6c46e866224a3694",
      "title": "Layout animation",
      "url": "https://motion.dev/examples/react-layout-animation",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5095d9fa4add7888",
      "title": "Motion along a path",
      "url": "https://motion.dev/examples/react-motion-path",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3fe1a2c86a6622f4",
      "title": "Path drawing",
      "url": "https://motion.dev/examples/react-path-drawing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c0ddf87fefbb86ed",
      "title": "Path morphing",
      "url": "https://motion.dev/examples/react-path-morphing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ba5db957edb814ac",
      "title": "Scroll-linked animations",
      "url": "https://motion.dev/examples/react-scroll-linked",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e83ac4113cc258cb",
      "title": "Scroll-linked spring animation",
      "url": "https://motion.dev/examples/react-scroll-linked-with-spring",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9c4e326c5825ee5a",
      "title": "Scroll-triggered animations",
      "url": "https://motion.dev/examples/react-scroll-triggered",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "219c03981baf762f",
      "title": "Shared layout animation",
      "url": "https://motion.dev/examples/react-shared-layout-animation",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "46988aff095809cd",
      "title": "Transition options",
      "url": "https://motion.dev/examples/react-transition",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "76908227d6dc902a",
      "title": "Value transform & path drawing",
      "url": "https://motion.dev/examples/react-use-transform",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a95a7ea36ead6272",
      "title": "Variants",
      "url": "https://motion.dev/examples/react-variants",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "66100115ee8f34c1",
      "title": "Rotate",
      "url": "https://motion.dev/examples/react-rotate",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3bae8fe0c315efd3",
      "title": "React Overlay Toast Stack",
      "url": "https://motion.dev/ui/sections/react-overlay-toast-stack",
      "kind": "组件预览",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "13eb01e31cc572ca",
      "title": "React Button Rolling Text",
      "url": "https://motion.dev/ui/sections/react-button-rolling-text",
      "kind": "组件预览",
      "direct": true,
      "aliases": [
        "按钮",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cafc126beac17e34",
      "title": "React Button Rolling Text Stagger",
      "url": "https://motion.dev/ui/sections/react-button-rolling-text-stagger",
      "kind": "组件预览",
      "direct": true,
      "aliases": [
        "按钮",
        "文字",
        "文本",
        "交错",
        "逐个出现"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0fe7c110859b77be",
      "title": "React Footer Sticky Reveal",
      "url": "https://motion.dev/ui/sections/react-footer-sticky-reveal",
      "kind": "组件预览",
      "direct": true,
      "aliases": [
        "页脚",
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a92229e211d800f1",
      "title": "React Page Mask Transitions",
      "url": "https://motion.dev/ui/sections/react-page-mask-transitions",
      "kind": "组件预览",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fdc7b72319c7b152",
      "title": "React Faq Plus Minus",
      "url": "https://motion.dev/ui/sections/react-faq-plus-minus",
      "kind": "组件预览",
      "direct": true,
      "aliases": [
        "常见问题",
        "添加",
        "加号",
        "减号"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0936898dacf7b976",
      "title": "React Button Add To Basket",
      "url": "https://motion.dev/ui/sections/react-button-add-to-basket",
      "kind": "组件预览",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "62226bbca56cd62c",
      "title": "React Button Hold To Confirm",
      "url": "https://motion.dev/ui/sections/react-button-hold-to-confirm",
      "kind": "组件预览",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "431b855eefe55253",
      "title": "React List Notifications Stack",
      "url": "https://motion.dev/ui/sections/react-list-notifications-stack",
      "kind": "组件预览",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bb19734bc33bfde0",
      "title": "React Loader Skeleton",
      "url": "https://motion.dev/ui/sections/react-loader-skeleton",
      "kind": "组件预览",
      "direct": true,
      "aliases": [
        "骨架屏",
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "发布者公开目录数据",
        "url": "https://motion.dev/sitemap.xml",
        "date": "2026-10-14"
      }
    }
  ]
}