{
  "schemaVersion": 1,
  "updatedAt": "2026-10-18",
  "source": {
    "id": "60fps",
    "name": "60fps",
    "description": "真实 App 的细节动效，适合研究反馈和状态变化。",
    "category": "App 界面",
    "tags": [
      "App 动效",
      "微交互",
      "可播放"
    ],
    "url": "https://60fps.design/",
    "directoryUrl": "https://www.uipicks.top/ai/sites/60fps/index.html",
    "jsonUrl": "https://www.uipicks.top/ai/sites/60fps/index.json",
    "code": false,
    "prompt": false,
    "entryCount": 2423,
    "scope": {
      "status": "公开目录",
      "note": "来自官网可见目录或公开站点地图；不包含未公开、登录后或尚未发布的内容。",
      "capturedAt": "2026-10-13"
    },
    "offers": [
      {
        "id": "animation-reference",
        "label": "移动端与 Web 动效参考",
        "platforms": [
          "web",
          "ios"
        ],
        "resources": [
          "motion",
          "reference"
        ],
        "frameworks": [
          "na"
        ],
        "pricing": [
          "unknown"
        ],
        "evidence": [
          {
            "kind": "live",
            "url": "https://60fps.design/",
            "date": "2026-10-18",
            "note": "官方标题标明移动端与 Web 动效；现有收录含 iOS 产品，费用未读取到明确说明。"
          }
        ]
      }
    ],
    "featuredSamples": [
      {
        "id": "60fps-1",
        "title": "X Campaign Hashtag Based Grok Bot Like Button Interaction",
        "url": "https://60fps.design/shots/x-campaign-hashtag-based-grok-bot-like-button-interaction",
        "sourceKind": "实例页",
        "note": "点赞反馈：观察状态改变时，按钮怎样给出清晰回应。",
        "linkType": "detail"
      },
      {
        "id": "60fps-2",
        "title": "Platen Typewriter Intro How to Interaction",
        "url": "https://60fps.design/shots/platen-typewriter-intro-how-to-interaction",
        "sourceKind": "实例页",
        "note": "引导体验：观察如何用短动画解释产品的使用方式。",
        "linkType": "detail"
      },
      {
        "id": "60fps-3",
        "title": "Uber Search Border Highlight Animation",
        "url": "https://60fps.design/shots/uber-search-border-highlight-animation",
        "sourceKind": "实例页",
        "note": "搜索反馈：观察边框高亮怎样提示输入区域的当前状态。",
        "linkType": "detail"
      }
    ]
  },
  "pagination": {
    "page": 17,
    "pageSize": 80,
    "totalEntries": 2423,
    "totalPages": 31,
    "offset": 1280,
    "previous": "page-16.json",
    "next": "page-18.json"
  },
  "entries": [
    {
      "id": "493342f597a43ab6",
      "title": "Goat Top Tabs Swipe Interaction",
      "url": "https://60fps.design/shots/goat-top-tabs-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9848b5a968ffa0a5",
      "title": "Good Air Splash",
      "url": "https://60fps.design/shots/good-air-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "abd804118702b10d",
      "title": "Good Air Time Slider Dynamic Weather Interaction",
      "url": "https://60fps.design/shots/good-air-time-slider-dynamic-weather-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0b2bd12dee6efe59",
      "title": "Google Add Widget Animation",
      "url": "https://60fps.design/shots/google-add-widget-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dbaac5092831cbe8",
      "title": "Google Ai Mode Search Morph Interaction",
      "url": "https://60fps.design/shots/google-ai-mode-search-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "搜索",
        "交互",
        "动效",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "024cc0d4c160d1b3",
      "title": "Google Arts Culture Cards Slide And Pop Animation",
      "url": "https://60fps.design/shots/google-arts-culture-cards-slide-and-pop-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "302cca0fbba719fd",
      "title": "Google Arts Culture Interests Drop Pop Interaction",
      "url": "https://60fps.design/shots/google-arts-culture-interests-drop-pop-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "470f3b75fd555b08",
      "title": "Google Arts Culture Logo Stroke Animation",
      "url": "https://60fps.design/shots/google-arts-culture-logo-stroke-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0efed94acb3810ce",
      "title": "Google Assistant Mic Animation",
      "url": "https://60fps.design/shots/google-assistant-mic-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "88ea1b2640090ca6",
      "title": "Google Chrome Close Tabs Pulse Animation",
      "url": "https://60fps.design/shots/google-chrome-close-tabs-pulse-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "动画",
        "动效",
        "关闭"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8f139cbc32f1966b",
      "title": "Google Chrome Customize Homepage Background Interaction",
      "url": "https://60fps.design/shots/google-chrome-customize-homepage-background-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "背景",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2a56cadceace4380",
      "title": "Google Chrome Drag Tab To Pin Interaction",
      "url": "https://60fps.design/shots/google-chrome-drag-tab-to-pin-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "144322ff1ff1c36b",
      "title": "Google Chrome Drag Tabs To Arrange Interaction",
      "url": "https://60fps.design/shots/google-chrome-drag-tabs-to-arrange-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "交互",
        "动效",
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "150a67bda45852ca",
      "title": "Google Chrome Gemini Feature Intro Sheet Animation",
      "url": "https://60fps.design/shots/google-chrome-gemini-feature-intro-sheet-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "939c1ff1ac72ea55",
      "title": "Google Chrome Ipl Live Score Illustration Animation",
      "url": "https://60fps.design/shots/google-chrome-ipl-live-score-illustration-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "127f3e324eab7e6b",
      "title": "Google Chrome No Internet Dinosaur Game",
      "url": "https://60fps.design/shots/google-chrome-no-internet-dinosaur-game",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7660861af7f033db",
      "title": "Google Chrome Pull Down To Reload And New Tab",
      "url": "https://60fps.design/shots/google-chrome-pull-down-to-reload-and-new-tab",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "afd18922a1c928ee",
      "title": "Google Chrome Tabs Switch Scale Interaction",
      "url": "https://60fps.design/shots/google-chrome-tabs-switch-scale-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "开关",
        "标签页",
        "选项卡",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f7cb1dfe43ddfe78",
      "title": "Google Chrome Voice Search Animation",
      "url": "https://60fps.design/shots/google-chrome-voice-search-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "搜索",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1a3707051b822aa1",
      "title": "Google Docs Value Prop Full Screen Color Transition",
      "url": "https://60fps.design/shots/google-docs-value-prop-full-screen-color-transition",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da774a393e5e7485",
      "title": "Google Find Song Animation",
      "url": "https://60fps.design/shots/google-find-song-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "37d849f5f3c3731c",
      "title": "Google Fit Graph Interaction",
      "url": "https://60fps.design/shots/google-fit-graph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9a0ea8070fd01039",
      "title": "Google Fit Rings Animation",
      "url": "https://60fps.design/shots/google-fit-rings-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "831d8273dad6d58c",
      "title": "Google Fit Sleep Clock Ring Animation",
      "url": "https://60fps.design/shots/google-fit-sleep-clock-ring-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f16e720d6d56ff95",
      "title": "Google Fit Weekly Recap Story Sheet",
      "url": "https://60fps.design/shots/google-fit-weekly-recap-story-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "875c37fefdb7f65a",
      "title": "Google Gemini Input Gradient Pulse Animation",
      "url": "https://60fps.design/shots/google-gemini-input-gradient-pulse-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "输入框",
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "995161d9307298eb",
      "title": "Google Gemini Loader Animation",
      "url": "https://60fps.design/shots/google-gemini-loader-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "49f40b4a66bb1b1f",
      "title": "Google Gemini Logo Drop Animation",
      "url": "https://60fps.design/shots/google-gemini-logo-drop-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7822403bf700dc6e",
      "title": "Google Gemini Response Gradient Animation",
      "url": "https://60fps.design/shots/google-gemini-response-gradient-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "61c9080a731235ae",
      "title": "Google Gemini Share Camera Screen Feature Popup Animation",
      "url": "https://60fps.design/shots/google-gemini-share-camera-screen-feature-popup-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4c3a171b0f8ae513",
      "title": "Google Gemini Voice Picker Interaction",
      "url": "https://60fps.design/shots/google-gemini-voice-picker-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f60d718704410719",
      "title": "Google Home Location Access Animation",
      "url": "https://60fps.design/shots/google-home-location-access-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "首页",
        "房子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c733f99866cb595a",
      "title": "Google Home Looking For Devices Animation",
      "url": "https://60fps.design/shots/google-home-looking-for-devices-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "首页",
        "房子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b79b1a5d680de03",
      "title": "Google Home Plug Device Animation",
      "url": "https://60fps.design/shots/google-home-plug-device-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "首页",
        "房子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "418e49c61a2c7ecf",
      "title": "Google Home Welcome Screen Animation",
      "url": "https://60fps.design/shots/google-home-welcome-screen-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "首页",
        "房子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a73bae84ae75ea77",
      "title": "Google Lens Border Gradient Pulse Animation",
      "url": "https://60fps.design/shots/google-lens-border-gradient-pulse-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0804e5dd5a118692",
      "title": "Google Maps Live View Ar Gyroscope Directions Interaction",
      "url": "https://60fps.design/shots/google-maps-live-view-ar-gyroscope-directions-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "31b0fefdb7fbc838",
      "title": "Google Maps Vehicle Customization Interaction",
      "url": "https://60fps.design/shots/google-maps-vehicle-customization-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3bdecaf2456addfd",
      "title": "Google Photos Feature Intro Bottom Sheet",
      "url": "https://60fps.design/shots/google-photos-feature-intro-bottom-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8041462f01de840a",
      "title": "Google Photos Infinite Wiggly Circular Progress",
      "url": "https://60fps.design/shots/google-photos-infinite-wiggly-circular-progress",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "进度条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e6c1c4a0957635c",
      "title": "Google Photos Logo Spin To Backup Loader Animation",
      "url": "https://60fps.design/shots/google-photos-logo-spin-to-backup-loader-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6188fdf01d9e7d57",
      "title": "Google Photos Wiggly Circular Progress",
      "url": "https://60fps.design/shots/google-photos-wiggly-circular-progress",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "进度条"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aec50cb143b35603",
      "title": "Google Search Gemini Toggle",
      "url": "https://60fps.design/shots/google-search-gemini-toggle",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "切换",
        "开关",
        "搜索"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "501aa22a5066d3ba",
      "title": "Google Todo Check Interaction",
      "url": "https://60fps.design/shots/google-todo-check-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "94b76e7b34f9074f",
      "title": "Gowalla Pointers Map Sheet",
      "url": "https://60fps.design/shots/gowalla-pointers-map-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "地图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d5254609480448c5",
      "title": "Gowalla Splash",
      "url": "https://60fps.design/shots/gowalla-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca919e0715b66213",
      "title": "Granola Intro Value Prop Slide Interaction",
      "url": "https://60fps.design/shots/granola-intro-value-prop-slide-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8956ccdac7cef63b",
      "title": "Grok Ai Voice Download Spinner Loader Animation",
      "url": "https://60fps.design/shots/grok-ai-voice-download-spinner-loader-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "转圈",
        "动画",
        "动效",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "45a60a685ef1a888",
      "title": "Grok App Connected Pulse Animation",
      "url": "https://60fps.design/shots/grok-app-connected-pulse-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "11407bff76e17b00",
      "title": "Grok App Icons In Sheet Arc Animation",
      "url": "https://60fps.design/shots/grok-app-icons-in-sheet-arc-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "854847cea5b5d5ec",
      "title": "Grok App Launch Fade Interaction",
      "url": "https://60fps.design/shots/grok-app-launch-fade-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "淡入",
        "淡出",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c07be824e75d5348",
      "title": "Grok Chat Menu Interaction",
      "url": "https://60fps.design/shots/grok-chat-menu-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "菜单",
        "交互",
        "动效",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "423ee123ed553e61",
      "title": "Grok Connect Tools Logo Carousel Spin Animation",
      "url": "https://60fps.design/shots/grok-connect-tools-logo-carousel-spin-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "033335104bb0dd46",
      "title": "Grok New Chat Suggestions Pop Interaction",
      "url": "https://60fps.design/shots/grok-new-chat-suggestions-pop-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5328ad8b2a121d75",
      "title": "Grok Pull Down To Go Back Interaction",
      "url": "https://60fps.design/shots/grok-pull-down-to-go-back-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "73d60ef659ca6f08",
      "title": "Grok Sign In Text Animation",
      "url": "https://60fps.design/shots/grok-sign-in-text-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "登录",
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "199ba725c33bb2a8",
      "title": "Grok Tool Connected Pulse Animation",
      "url": "https://60fps.design/shots/grok-tool-connected-pulse-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2ebc077b6972a002",
      "title": "Grok Voice Gradient Animation",
      "url": "https://60fps.design/shots/grok-voice-gradient-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "渐变",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f29f9a8734a2a717",
      "title": "Grok Voice Speed Slider Interaction",
      "url": "https://60fps.design/shots/grok-voice-speed-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1321d08ff7ec32a7",
      "title": "Growpal Stats Animation",
      "url": "https://60fps.design/shots/growpal-stats-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b554d9e197fbb9a5",
      "title": "Growpal Watch Scroll",
      "url": "https://60fps.design/shots/growpal-watch-scroll",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ab3baff719a0f2b5",
      "title": "Grug Intro Text Type Animation",
      "url": "https://60fps.design/shots/grug-intro-text-type-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0835e77c3d91a88e",
      "title": "H M Header Swipe Interaction",
      "url": "https://60fps.design/shots/h-m-header-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "01cd7794e78b8b39",
      "title": "Habitastic Auto Carousel Swipe Interaction",
      "url": "https://60fps.design/shots/habitastic-auto-carousel-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "449b8f981ba80929",
      "title": "Habitastic Daily Check In Timeline Scroll Interaction",
      "url": "https://60fps.design/shots/habitastic-daily-check-in-timeline-scroll-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滚动",
        "交互",
        "动效",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e23f47594c85a703",
      "title": "Habitastic Realistic Page Turn Onboarding Interaction",
      "url": "https://60fps.design/shots/habitastic-realistic-page-turn-onboarding-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "96225b8c5a49b83e",
      "title": "Habitastic Sleep Hours Counter Text Flip Interaction",
      "url": "https://60fps.design/shots/habitastic-sleep-hours-counter-text-flip-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "翻转",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "846b4a5e30ac481b",
      "title": "Halide Page Flip Onboarding",
      "url": "https://60fps.design/shots/halide-page-flip-onboarding",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "翻转"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "276240fba7bdeac3",
      "title": "Happier Cards",
      "url": "https://60fps.design/shots/happier-cards",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d909216bf81851dd",
      "title": "Happier Splash To Get Started",
      "url": "https://60fps.design/shots/happier-splash-to-get-started",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f65c8a0e72e25d6f",
      "title": "Happn Daily Feature Intro Animation",
      "url": "https://60fps.design/shots/happn-daily-feature-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "93d2443a6b077751",
      "title": "Happn Splash",
      "url": "https://60fps.design/shots/happn-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9db7f99adbca4c84",
      "title": "Haptic Onboarding Cards",
      "url": "https://60fps.design/shots/haptic-onboarding-cards",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "290da4f64fd0cca5",
      "title": "Haptic Top Sheet",
      "url": "https://60fps.design/shots/haptic-top-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c11444db52ffed74",
      "title": "Harvee Add Caffeine Sheet Interaction",
      "url": "https://60fps.design/shots/harvee-add-caffeine-sheet-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "16fa4335e025f38b",
      "title": "Harvee Tab Switch Graph Morph Interaction",
      "url": "https://60fps.design/shots/harvee-tab-switch-graph-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "开关",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4e92fb22b08a051a",
      "title": "Headspace Getting Started Video Sequence",
      "url": "https://60fps.design/shots/headspace-getting-started-video-sequence",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ca7c077b1964b48e",
      "title": "Headspace Splash",
      "url": "https://60fps.design/shots/headspace-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ef3c00f30050596b",
      "title": "Hero Assistant Intro Sequence",
      "url": "https://60fps.design/shots/hero-assistant-intro-sequence",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "beaa1657d70ac2de",
      "title": "Hinge Intro Background Video",
      "url": "https://60fps.design/shots/hinge-intro-background-video",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "背景",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}