{
  "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": 1,
    "pageSize": 80,
    "totalEntries": 524,
    "totalPages": 7,
    "offset": 0,
    "previous": null,
    "next": "page-2.json"
  },
  "entries": [
    {
      "id": "1442f364916a029a",
      "title": "Three.js: TSL particle morph",
      "url": "https://motion.dev/examples/js-three-tsl",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "粒子"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "370113b9d5c990ff",
      "title": "Confetti",
      "url": "https://motion.dev/examples/react-confetti",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "彩纸",
        "庆祝"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f8c88956faf53c57",
      "title": "Typewriter",
      "url": "https://motion.dev/examples/react-typewriter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "打字机"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ecbf67e22001c7e5",
      "title": "iOS App Folder",
      "url": "https://motion.dev/examples/react-ios-app-folder",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文件夹"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c199fa73bbaccc27",
      "title": "Lenis smooth scroll",
      "url": "https://motion.dev/examples/js-lenis-smooth-scroll",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "38d536f0720771bc",
      "title": "Lenis smooth scroll",
      "url": "https://motion.dev/examples/react-lenis-smooth-scroll",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a85d12d1d38a42bb",
      "title": "Svelte: Animate on state change",
      "url": "https://motion.dev/examples/svelte-animate",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5172ea43efbb6ee5",
      "title": "Svelte: Layout animation",
      "url": "https://motion.dev/examples/svelte-animate-layout",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a5741bc1d378a954",
      "title": "Svelte: View animation",
      "url": "https://motion.dev/examples/svelte-animate-view",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "58bd089147181447",
      "title": "Svelte: Hover",
      "url": "https://motion.dev/examples/svelte-hover",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e2066784f9160ec6",
      "title": "Svelte: Press",
      "url": "https://motion.dev/examples/svelte-press",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3a06acb7b7ca3232",
      "title": "Svelte: Scroll progress",
      "url": "https://motion.dev/examples/svelte-scroll",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "进度条",
        "滚动"
      ],
      "framework": "Svelte",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a1cb922a213790c1",
      "title": "AnimateView: App Store",
      "url": "https://motion.dev/examples/vue-animate-view-app-store",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fd41f7402eeefdde",
      "title": "AnimateView: Clip path",
      "url": "https://motion.dev/examples/vue-animate-view-clip-path",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "912cc839daa51d6f",
      "title": "AnimateView: Reorder",
      "url": "https://motion.dev/examples/vue-animate-view-reorder",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cc25a8a0b205ca4d",
      "title": "AnimateView: Skeleton",
      "url": "https://motion.dev/examples/vue-animate-view-skeleton",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "骨架屏",
        "加载"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "79690d5d8f136a03",
      "title": "AnimateView: Toggle",
      "url": "https://motion.dev/examples/vue-animate-view-toggle",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d19c0a84b3c6c42e",
      "title": "AnimateView: Transition types",
      "url": "https://motion.dev/examples/vue-animate-view-types",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "519d81076d74fc1a",
      "title": "Three.js: Ocarina of Time watercolour",
      "url": "https://motion.dev/examples/js-threejs-ocarina-watercolour",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1cd6c4b0d8cc46d6",
      "title": "vgpu: Majora’s Mask watercolour",
      "url": "https://motion.dev/examples/js-vgpu-majora-watercolour",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d1912a6e4b1e6759",
      "title": "Three.js: Ocarina of Time watercolour",
      "url": "https://motion.dev/examples/react-threejs-ocarina-watercolour",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "475cd329ff8a7874",
      "title": "vgpu: Majora’s Mask watercolour",
      "url": "https://motion.dev/examples/react-vgpu-majora-watercolour",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9f8f8dc7465e7698",
      "title": "Three.js: Fractal topography",
      "url": "https://motion.dev/examples/js-three-shader-topography",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "72b73b1ad5d7c487",
      "title": "Three.js: Materials",
      "url": "https://motion.dev/examples/js-three-materials",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b5a1d32e20dc46e7",
      "title": "Three.js: Motion values",
      "url": "https://motion.dev/examples/js-three-motion-values",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b75ec1ddc40a5406",
      "title": "Three.js: OrbitControls",
      "url": "https://motion.dev/examples/js-three-orbit",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "59ae8f7fdd932942",
      "title": "Three.js: Scroll-driven logo",
      "url": "https://motion.dev/examples/js-three-scroll",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fb354ae5d2b375d5",
      "title": "Three.js: Sequences and stagger",
      "url": "https://motion.dev/examples/js-three-sequence",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "交错",
        "逐个出现"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "089ec5bba14577fa",
      "title": "Three.js: Shader lens",
      "url": "https://motion.dev/examples/js-three-uniforms",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3641c34427c8e365",
      "title": "vgpu: Cameras, lights and controls",
      "url": "https://motion.dev/examples/js-vgpu-camera",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3fd0ae8a6cf2679b",
      "title": "vgpu: Colours",
      "url": "https://motion.dev/examples/js-vgpu-colours",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0415aca22c462240",
      "title": "vgpu: Effect bindings",
      "url": "https://motion.dev/examples/js-vgpu-effect",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7260be134b8f7fcf",
      "title": "vgpu: Motion values",
      "url": "https://motion.dev/examples/js-vgpu-motion-values",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e97e559ab39a930a",
      "title": "vgpu: Orbit",
      "url": "https://motion.dev/examples/js-vgpu-orbit",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "589e1114b6936ba7",
      "title": "vgpu: Scene nodes",
      "url": "https://motion.dev/examples/js-vgpu-scene",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f7455860380cb4ed",
      "title": "vgpu: Sequences and stagger",
      "url": "https://motion.dev/examples/js-vgpu-sequence",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "交错",
        "逐个出现"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c24cc5f5e4390c60",
      "title": "vgpu: Shared uniforms",
      "url": "https://motion.dev/examples/js-vgpu-uniforms",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "06b3bc91d9132d55",
      "title": "vgpu: Vectors",
      "url": "https://motion.dev/examples/js-vgpu-vectors",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "17c543f61913efa4",
      "title": "Reorder grid",
      "url": "https://motion.dev/examples/vue-reorder-grid",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "网格"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5d15ed0d2d482fb0",
      "title": "Multidimensional reorder",
      "url": "https://motion.dev/examples/react-reorder-grid",
      "kind": "组件示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e5ef4b9dd6625db8",
      "title": "Command Palette",
      "url": "https://motion.dev/examples/vue-command-palette",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "命令",
        "搜索",
        "命令面板"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c748923c13998bcc",
      "title": "Confetti",
      "url": "https://motion.dev/examples/vue-confetti",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "彩纸",
        "庆祝"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cfb284b38b5c30e1",
      "title": "Context Menu",
      "url": "https://motion.dev/examples/vue-context-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bae9844d9c4744f8",
      "title": "Copy Button",
      "url": "https://motion.dev/examples/vue-copy-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "89c5d8ec5be58443",
      "title": "Create Button",
      "url": "https://motion.dev/examples/vue-create-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0781c4a32ec26295",
      "title": "Dots Morph Button",
      "url": "https://motion.dev/examples/vue-dots-morph-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "01371be89a106555",
      "title": "Floating Action Button",
      "url": "https://motion.dev/examples/vue-floating-action-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "74f7675ff28a107b",
      "title": "OSS Hero",
      "url": "https://motion.dev/examples/vue-hero-stagger",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2e51be5e6a053499",
      "title": "Mega Menu",
      "url": "https://motion.dev/examples/vue-mega-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "21dc26b27d3dfb9f",
      "title": "Number trend",
      "url": "https://motion.dev/examples/vue-number-trend",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "ef779e3be8c8151e",
      "title": "Pokopia: Modal",
      "url": "https://motion.dev/examples/vue-pokopia-modal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "14c1bb5cb5b78b30",
      "title": "Radial Menu",
      "url": "https://motion.dev/examples/vue-radial-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "363612f0318c1059",
      "title": "Scramble text",
      "url": "https://motion.dev/examples/vue-scramble-text",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fc72ea731e76415a",
      "title": "Scramble text: Hover",
      "url": "https://motion.dev/examples/vue-scramble-text-hover",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a37b0ed0511b2fc8",
      "title": "Scramble text: Stagger from center",
      "url": "https://motion.dev/examples/vue-scramble-text-stagger-center",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "交错",
        "逐个出现"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "17ff30184e246dc5",
      "title": "Scroll Direction: Hide Header",
      "url": "https://motion.dev/examples/vue-scroll-hide-header",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f1735da935839519",
      "title": "Scroll Horizontal Gallery",
      "url": "https://motion.dev/examples/vue-scroll-horizontal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滚动",
        "画廊",
        "图片展示"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0e968b2e76d3efdd",
      "title": "Scroll Text Lines",
      "url": "https://motion.dev/examples/vue-scroll-text-lines",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3e65267e4a93916b",
      "title": "Scroll velocity: 3D planes",
      "url": "https://motion.dev/examples/vue-scroll-velocity-linked-offset",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "三维",
        "3D"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "39e1e857afbc6760",
      "title": "Scroll Zoom Hero",
      "url": "https://motion.dev/examples/vue-scroll-zoom-hero",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "滚动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "对应 Vue/React 官方 scroll-zoom-hero 专属预览，PRAGUE 标题居中叠在背景摄影上"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "本条初始首屏是黑暗夜景，暗部占据大部分背景；未因少量车灯标作鲜明色彩"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-18",
        "evidenceUrl": "https://motion.dev/examples/vue-scroll-zoom-hero",
        "boundary": "标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。"
      }
    },
    {
      "id": "b10e6088b5fc20f3",
      "title": "Sheet Modal",
      "url": "https://motion.dev/examples/vue-sheet-modal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "抽屉",
        "面板"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cd9c3add08710777",
      "title": "Scatter text",
      "url": "https://motion.dev/examples/vue-split-text-scatter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "848d45abe360f191",
      "title": "Toast: Stacked notifications",
      "url": "https://motion.dev/examples/vue-toast-stack",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7b651e96b3ef42b4",
      "title": "Footer reveal",
      "url": "https://motion.dev/examples/react-footer-reveal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "页脚",
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fd835427877f16df",
      "title": "Rolling text button",
      "url": "https://motion.dev/examples/react-rolling-text-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮",
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "d94fc989cb99eec8",
      "title": "Rolling text button: Staggered",
      "url": "https://motion.dev/examples/react-rolling-text-button-stagger",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮",
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0eeee1ea83fb0bdb",
      "title": "Scroll word reveal",
      "url": "https://motion.dev/examples/react-text-scroll-word-reveal",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "揭示",
        "出现",
        "入场"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "61adf43c15b85863",
      "title": "Now playing",
      "url": "https://motion.dev/examples/js-now-playing",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "55c2d5eae1ffc60d",
      "title": "Curtains: Blinds",
      "url": "https://motion.dev/examples/js-curtains-blinds",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "81353521926de014",
      "title": "Curtains: Clip wipe",
      "url": "https://motion.dev/examples/js-curtains-clip-wipe",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cb1fd837a6d22f40",
      "title": "Curtains: Doors",
      "url": "https://motion.dev/examples/js-curtains-doors",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f95129cc8766c8ea",
      "title": "Curtains: Fade",
      "url": "https://motion.dev/examples/js-curtains-fade",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "淡入",
        "淡出"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a5cc130f3033ddd4",
      "title": "Curtains: Iris",
      "url": "https://motion.dev/examples/js-curtains-iris",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f976e963eca62239",
      "title": "Curtains: Iris from click",
      "url": "https://motion.dev/examples/js-curtains-iris-click",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "12ffeb66fcfa69d4",
      "title": "Curtains: Mixed effects",
      "url": "https://motion.dev/examples/js-curtains-mixed",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "58d2e418e1fe5a37",
      "title": "Curtains: Pixels",
      "url": "https://motion.dev/examples/js-curtains-pixels",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c3db05bc35d15f46",
      "title": "Curtains: Scope",
      "url": "https://motion.dev/examples/js-curtains-scope",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "02b1761b21a95f5d",
      "title": "Curtains: Showcase",
      "url": "https://motion.dev/examples/js-curtains-showcase",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "86522179728808b1",
      "title": "Curtains: Shutter",
      "url": "https://motion.dev/examples/js-curtains-shutter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0ffe4bb6755838d0",
      "title": "Curtains: Stagger wipe",
      "url": "https://motion.dev/examples/js-curtains-stagger-wipe",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "交错",
        "逐个出现"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    }
  ]
}