{
  "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": 2,
    "pageSize": 80,
    "totalEntries": 524,
    "totalPages": 7,
    "offset": 80,
    "previous": "index.json",
    "next": "page-3.json"
  },
  "entries": [
    {
      "id": "0db357c762182003",
      "title": "Curtains: Wipe",
      "url": "https://motion.dev/examples/js-curtains-wipe",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "251d3dd98f172e27",
      "title": "Curtains: Blinds",
      "url": "https://motion.dev/examples/react-curtains-blinds",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "53925e119f390d69",
      "title": "Curtains: Clip wipe",
      "url": "https://motion.dev/examples/react-curtains-clip-wipe",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7878f15af045cdd5",
      "title": "Curtains: Doors",
      "url": "https://motion.dev/examples/react-curtains-doors",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7344c4d0d70b9b16",
      "title": "Curtains: Fade",
      "url": "https://motion.dev/examples/react-curtains-fade",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "淡入",
        "淡出"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "945b3b813cba9fc1",
      "title": "Curtains: Iris",
      "url": "https://motion.dev/examples/react-curtains-iris",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6f513c4adb9e5104",
      "title": "Curtains: Iris from click",
      "url": "https://motion.dev/examples/react-curtains-iris-click",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7508631af8126488",
      "title": "Curtains: Mixed effects",
      "url": "https://motion.dev/examples/react-curtains-mixed",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5ad97ec5acd0624a",
      "title": "Curtains: Pixels",
      "url": "https://motion.dev/examples/react-curtains-pixels",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "29c91ef39c138de2",
      "title": "Curtains: Scope",
      "url": "https://motion.dev/examples/react-curtains-scope",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0e261ad52c49dc0b",
      "title": "Curtains: Shutter",
      "url": "https://motion.dev/examples/react-curtains-shutter",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b00ea0262bacb803",
      "title": "Curtains: Stagger wipe",
      "url": "https://motion.dev/examples/react-curtains-stagger-wipe",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "交错",
        "逐个出现"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "9edca58ca21f617a",
      "title": "Curtains: Wipe",
      "url": "https://motion.dev/examples/react-curtains-wipe",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "38599d21f95fdfde",
      "title": "Add to basket",
      "url": "https://motion.dev/examples/js-add-to-basket",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b833989087186bd3",
      "title": "Add to basket",
      "url": "https://motion.dev/examples/react-add-to-basket",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6b932afbf8f43269",
      "title": "Pointer collision detection",
      "url": "https://motion.dev/examples/react-collision-hover-grid",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "指针",
        "鼠标"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "795bf2dfe7973f54",
      "title": "Bobble hover",
      "url": "https://motion.dev/examples/react-bobble-hover",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8c46d513f63c5b97",
      "title": "Clerk: Card Stack",
      "url": "https://motion.dev/examples/react-clerk-card-stack",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3c14d3e279376e74",
      "title": "Clerk: Conditional Field",
      "url": "https://motion.dev/examples/react-clerk-conditional-field",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8437a43f180dba25",
      "title": "Clerk: Sign-in-or-up",
      "url": "https://motion.dev/examples/react-clerk-sign-in",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "登录"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "43ee14d02b1c4003",
      "title": "Clerk: User Button",
      "url": "https://motion.dev/examples/react-clerk-user-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮",
        "用户"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "8edae9db658e6ffc",
      "title": "Layout Anchor",
      "url": "https://motion.dev/examples/react-layout-anchor",
      "kind": "组件示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3e20f1f19ccd0fec",
      "title": "Pokopia: Modal",
      "url": "https://motion.dev/examples/react-pokopia-modal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "14ded606494fafeb",
      "title": "Command Palette",
      "url": "https://motion.dev/examples/react-command-palette",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "命令",
        "搜索",
        "命令面板"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5a49bb0fa4eeac90",
      "title": "OSS Hero",
      "url": "https://motion.dev/examples/react-hero-stagger",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      },
      "visual": {
        "layouts": [
          {
            "id": "center",
            "label": "居中首屏",
            "evidence": "官方 React OSS Hero 专属 iframe 中标题、正文、CTA 和统计均居中"
          }
        ],
        "styles": [
          {
            "id": "dark",
            "label": "深色",
            "evidence": "近黑底，单组文字/按钮，四周大面积留白，仅局部青绿强调"
          },
          {
            "id": "minimal",
            "label": "简洁留白",
            "evidence": "近黑底，单组文字/按钮，四周大面积留白，仅局部青绿强调"
          }
        ],
        "verifiedFrom": "对应条目图片与已有标注",
        "checkedAt": "2026-10-18",
        "evidenceUrl": "https://motion.dev/examples/react-hero-stagger",
        "boundary": "标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。"
      }
    },
    {
      "id": "5b2d2d898653fc1a",
      "title": "Skeleton Shimmer",
      "url": "https://motion.dev/examples/react-skeleton-shimmer",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "骨架屏",
        "加载",
        "流光",
        "闪烁"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b6294629849830dc",
      "title": "Copy Button",
      "url": "https://motion.dev/examples/react-copy-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4483dce2b82d5211",
      "title": "Create Button",
      "url": "https://motion.dev/examples/react-create-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "702e9349919e5a8f",
      "title": "Dots Morph Button",
      "url": "https://motion.dev/examples/react-dots-morph-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7b4bcebb65940c7e",
      "title": "Toast: Stacked notifications",
      "url": "https://motion.dev/examples/react-toast-stack",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "bd4890c66e8a2c50",
      "title": "Floating Action Button",
      "url": "https://motion.dev/examples/react-floating-action-button",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "按钮"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "54b50cd5be29b125",
      "title": "Radial Menu",
      "url": "https://motion.dev/examples/react-radial-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a0759b72fbf2a9d1",
      "title": "Sheet Modal",
      "url": "https://motion.dev/examples/react-sheet-modal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "抽屉",
        "面板"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "401c449bc6c7856a",
      "title": "Context Menu",
      "url": "https://motion.dev/examples/react-context-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "77ad4db7d2d27410",
      "title": "Mega Menu",
      "url": "https://motion.dev/examples/react-mega-menu",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "53fb0b3ddb6948b5",
      "title": "Number trend",
      "url": "https://motion.dev/examples/react-number-trend",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4e682a29c7b07ad8",
      "title": "Carousel: iOS exposure slider",
      "url": "https://motion.dev/examples/vue-carousel-ios-exposure-slider",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "滑块",
        "滑杆"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "2b1ba0b931d2fb0f",
      "title": "iOS App Folder",
      "url": "https://motion.dev/examples/vue-ios-app-folder",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文件夹"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f4efabab3308f258",
      "title": "AnimateView: Clip path",
      "url": "https://motion.dev/examples/react-animate-view-clip-path",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c88ed2b5e198bb62",
      "title": "AnimateView: Reorder items",
      "url": "https://motion.dev/examples/react-animate-view-reorder",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0a23b81d9d99dc3a",
      "title": "AnimateView: Toggle",
      "url": "https://motion.dev/examples/react-animate-view-toggle",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "切换",
        "开关"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e63fe896d813a0b6",
      "title": "AnimateView: Transition types",
      "url": "https://motion.dev/examples/react-animate-view-types",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "89da7f1ff8221382",
      "title": "Scramble text",
      "url": "https://motion.dev/examples/js-scramble-text",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "50a7ac8447c922df",
      "title": "Scramble text: Hover",
      "url": "https://motion.dev/examples/js-scramble-text-hover",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文字",
        "文本"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "3a8653447c30c5bb",
      "title": "Scramble text: Stagger from center",
      "url": "https://motion.dev/examples/js-scramble-text-stagger-center",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "交错",
        "逐个出现"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7d71b41057c15b0b",
      "title": "Scroll Direction: Hide Header",
      "url": "https://motion.dev/examples/react-scroll-hide-header",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "13a5bf86cefdddbb",
      "title": "Scroll Horizontal Gallery",
      "url": "https://motion.dev/examples/react-scroll-horizontal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滚动",
        "画廊",
        "图片展示"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0f5c329918b3f82c",
      "title": "Scroll Image Reveal",
      "url": "https://motion.dev/examples/react-scroll-image-reveal",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "滚动",
        "揭示",
        "出现",
        "入场",
        "图片"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b3dffcd4051f0050",
      "title": "Scroll Text Lines",
      "url": "https://motion.dev/examples/react-scroll-text-lines",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e7fb00732cb748e0",
      "title": "Scroll Zoom Hero",
      "url": "https://motion.dev/examples/react-scroll-zoom-hero",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "滚动"
      ],
      "framework": "React",
      "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/react-scroll-zoom-hero",
        "boundary": "标签仅描述本条官方默认预览；代码、付费权限与可配置颜色以原站为准。未验证所有交互。"
      }
    },
    {
      "id": "2e191c986f2e208d",
      "title": "Reorder items",
      "url": "https://motion.dev/examples/js-reorder-items",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "49dfce57f2ec8c90",
      "title": "Shared layout animation",
      "url": "https://motion.dev/examples/js-shared-layout-animation",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "JavaScript",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "407da99787d44361",
      "title": "Scramble text",
      "url": "https://motion.dev/examples/react-scramble-text",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "b86b3825b610b175",
      "title": "Scramble text: Hover",
      "url": "https://motion.dev/examples/react-scramble-text-hover",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "悬停",
        "鼠标悬停",
        "文字",
        "文本"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "09739ebb2c92dab8",
      "title": "Scramble text: Stagger from center",
      "url": "https://motion.dev/examples/react-scramble-text-stagger-center",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "交错",
        "逐个出现"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c2d2f59752d332e9",
      "title": "Scroll velocity: 3D planes",
      "url": "https://motion.dev/examples/react-scroll-velocity-linked-offset",
      "kind": "效果示例",
      "direct": true,
      "aliases": [
        "滚动",
        "三维",
        "3D"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e32795b03138a6ac",
      "title": "To-do list",
      "url": "https://motion.dev/examples/vue-todo-list",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1292ac93c827ecae",
      "title": "To-do list",
      "url": "https://motion.dev/examples/react-todo-list",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "列表"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7cd146019a6d0dca",
      "title": "Bezier curve editor",
      "url": "https://motion.dev/examples/react-bezier-curve-editor",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "f100e27b18bcee09",
      "title": "Carousel: Vertical",
      "url": "https://motion.dev/examples/vue-carousel-vertical",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4dc125bb27bf85a9",
      "title": "Carousel",
      "url": "https://motion.dev/examples/vue-carousel",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "300fc0bc5238b770",
      "title": "Carousel: Autoplay",
      "url": "https://motion.dev/examples/vue-carousel-autoplay",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "0a1dad89226f45fe",
      "title": "Carousel: Coverflow",
      "url": "https://motion.dev/examples/vue-carousel-coverflow",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "a75f0ddf9762265e",
      "title": "Carousel: Free scroll",
      "url": "https://motion.dev/examples/vue-carousel-free-scroll",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "滚动"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "241047b6c1ecb698",
      "title": "Carousel: Offset-linked animations",
      "url": "https://motion.dev/examples/vue-carousel-item-offset",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c145fbe1dc74ae70",
      "title": "Carousel: Lightbox",
      "url": "https://motion.dev/examples/vue-carousel-lightbox",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4fe8dcac491dd12f",
      "title": "Carousel: Loop",
      "url": "https://motion.dev/examples/vue-carousel-loop",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4ffbe53fd7e3fd5b",
      "title": "Carousel: Pagination",
      "url": "https://motion.dev/examples/vue-carousel-pagination-arrows",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "分页"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "c054dc1ae3df34f9",
      "title": "Carousel: Pagination with page count",
      "url": "https://motion.dev/examples/vue-carousel-pagination-page-count",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "分页"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "1ddc4ce46ce8df61",
      "title": "Carousel: Scaling pagination dots",
      "url": "https://motion.dev/examples/vue-carousel-pagination-scaling",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "分页"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "042854a5b6aa8ac6",
      "title": "Carousel: Parallax",
      "url": "https://motion.dev/examples/vue-carousel-parallax",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "6a9002b2215951eb",
      "title": "Carousel: Progress scrubber",
      "url": "https://motion.dev/examples/vue-carousel-progress-scrubber",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "进度条"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "e12ea8cfa6bf57dd",
      "title": "Carousel: RTL",
      "url": "https://motion.dev/examples/vue-carousel-rtl",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "cb1a3c9ebddd4580",
      "title": "Carousel: Thumbnail gallery",
      "url": "https://motion.dev/examples/vue-carousel-thumbnail-gallery",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "画廊",
        "图片展示"
      ],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "46e5a55ebfd57d61",
      "title": "Color picker",
      "url": "https://motion.dev/examples/vue-color-picker",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "7e00e60ae993c362",
      "title": "Ticker: RTL",
      "url": "https://motion.dev/examples/vue-ticker-rtl",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "5f2a5e4144c1e882",
      "title": "Color picker",
      "url": "https://motion.dev/examples/react-color-picker",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "fd5f07d7b0aeac35",
      "title": "AnimatePresence modes",
      "url": "https://motion.dev/examples/vue-animate-presence-modes",
      "kind": "效果示例",
      "direct": true,
      "aliases": [],
      "framework": "Vue",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "99e4a886f31da032",
      "title": "Carousel",
      "url": "https://motion.dev/examples/react-carousel",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    },
    {
      "id": "4e291195bb9d261d",
      "title": "Carousel: Autoplay",
      "url": "https://motion.dev/examples/react-carousel-autoplay",
      "kind": "组件示例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图"
      ],
      "framework": "React",
      "source": {
        "kind": "官网公开条目数据",
        "url": "https://motion.dev/examples",
        "date": "2026-10-14"
      }
    }
  ]
}