{
  "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": 23,
    "pageSize": 80,
    "totalEntries": 2423,
    "totalPages": 31,
    "offset": 1760,
    "previous": "page-22.json",
    "next": "page-24.json"
  },
  "entries": [
    {
      "id": "866c3606ad994918",
      "title": "Perplexity Model Selection Sheet Morph Interaction",
      "url": "https://60fps.design/shots/perplexity-model-selection-sheet-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c5cda01784584183",
      "title": "Perplexity Number Flip Animation",
      "url": "https://60fps.design/shots/perplexity-number-flip-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "翻转",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a972a15cb3d0914f",
      "title": "Perplexity Plan Tab Switcher Interaction",
      "url": "https://60fps.design/shots/perplexity-plan-tab-switcher-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6b6df63b30d3656a",
      "title": "Perplexity Voice Ask Anything Dot Pattern Interaction",
      "url": "https://60fps.design/shots/perplexity-voice-ask-anything-dot-pattern-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "25599188ae943e67",
      "title": "Perplexity Voice Mode Chat Stroke Animation",
      "url": "https://60fps.design/shots/perplexity-voice-mode-chat-stroke-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d08f8a84bfe41594",
      "title": "Persist All Done High Five Animation",
      "url": "https://60fps.design/shots/persist-all-done-high-five-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de0b742110b4aa76",
      "title": "Persist Day Timer Slider Interaction",
      "url": "https://60fps.design/shots/persist-day-timer-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "313b45378e72c507",
      "title": "Persist Rest Day Empty State Dog Chilling Animation",
      "url": "https://60fps.design/shots/persist-rest-day-empty-state-dog-chilling-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "空状态",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c74c513ee9920521",
      "title": "Phantom Bottom Tabs Icon Animation",
      "url": "https://60fps.design/shots/phantom-bottom-tabs-icon-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dc5455b25fad5b45",
      "title": "Phantom Splash To Welcome",
      "url": "https://60fps.design/shots/phantom-splash-to-welcome",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "470f3aef8f0a4050",
      "title": "Phantom Wallet Creation Successful Animation",
      "url": "https://60fps.design/shots/phantom-wallet-creation-successful-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "988afbf82a9d521a",
      "title": "Phonepe Intro Onboarding Animation",
      "url": "https://60fps.design/shots/phonepe-intro-onboarding-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a15024c35b9902cf",
      "title": "Phonepe Onboarding New Bottom Tabs Intro Animation",
      "url": "https://60fps.design/shots/phonepe-onboarding-new-bottom-tabs-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f5e0c4a578d6bf3",
      "title": "Pi Splash",
      "url": "https://60fps.design/shots/pi-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a739e0c56167c57e",
      "title": "Picky 3D Button Spin Interaction",
      "url": "https://60fps.design/shots/picky-3d-button-spin-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "按钮",
        "交互",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f4397e488048efe0",
      "title": "Picky Card Scan Sort Interaction",
      "url": "https://60fps.design/shots/picky-card-scan-sort-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "abdefbdeed2dc4d6",
      "title": "Pico Cam Pull Down Notch Camera Interaction",
      "url": "https://60fps.design/shots/pico-cam-pull-down-notch-camera-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "91d436a817c8e927",
      "title": "Pico Cam Shake And Swipe Coach Mark Animation",
      "url": "https://60fps.design/shots/pico-cam-shake-and-swipe-coach-mark-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8c08e70a82ecaeda",
      "title": "Pika Video Onboarding",
      "url": "https://60fps.design/shots/pika-video-onboarding",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "72ff17dd7450a043",
      "title": "Pinterest Add Widget Tooltip Animation In Sheet",
      "url": "https://60fps.design/shots/pinterest-add-widget-tooltip-animation-in-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "抽屉",
        "面板",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b111c7b3918ae5d",
      "title": "Pinterest Align Markers Interaction",
      "url": "https://60fps.design/shots/pinterest-align-markers-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cce99ed9bd606be4",
      "title": "Pinterest Background Color Picker",
      "url": "https://60fps.design/shots/pinterest-background-color-picker",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "51faf6997b321e5f",
      "title": "Pinterest Onboarding Tooltip",
      "url": "https://60fps.design/shots/pinterest-onboarding-tooltip",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4158bbb58506f405",
      "title": "Pinterest Reorder Interaction Onboarding",
      "url": "https://60fps.design/shots/pinterest-reorder-interaction-onboarding",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "809a6080dade6a5e",
      "title": "Pinterest Shared Sheet Swipe Interaction",
      "url": "https://60fps.design/shots/pinterest-shared-sheet-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "def44a38630ab877",
      "title": "Pinterest Splash",
      "url": "https://60fps.design/shots/pinterest-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a6a2c879bb6b0417",
      "title": "Placify Intro Sequence",
      "url": "https://60fps.design/shots/placify-intro-sequence",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b13fa9a563768b5",
      "title": "Play Editor Welcome Gesture Animation",
      "url": "https://60fps.design/shots/play-editor-welcome-gesture-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "播放"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4421ed25416fbb5a",
      "title": "Play Page Settings Slider",
      "url": "https://60fps.design/shots/play-page-settings-slider",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "设置",
        "播放"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0629de9dbdd14396",
      "title": "Play Spatial Card Gyroscope",
      "url": "https://60fps.design/shots/play-spatial-card-gyroscope",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "播放"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e77e2d52f579b18c",
      "title": "Play Swipe To Add And View Layers",
      "url": "https://60fps.design/shots/play-swipe-to-add-and-view-layers",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑动",
        "手势",
        "播放"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d05915b600d1673",
      "title": "Plays Splash",
      "url": "https://60fps.design/shots/plays-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1fb55b7c090dc0f3",
      "title": "Poke Mon Tcg Pocket 3D Card Move Around Tooltip",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-3d-card-move-around-tooltip",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "卡片",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a61128d6ce4933af",
      "title": "Poke Mon Tcg Pocket 3D Spin Packet Picker Interaction",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-3d-spin-packet-picker-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d89da5a4357e0ae4",
      "title": "Poke Mon Tcg Pocket Booster Pack Floating",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-booster-pack-floating",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d2973c76c0efc5f2",
      "title": "Poke Mon Tcg Pocket Card Flip Animation",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-card-flip-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "翻转",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "32478a6935ba4c1c",
      "title": "Poke Mon Tcg Pocket Card Shuffle Interaction",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-card-shuffle-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c59dba1843469346",
      "title": "Poke Mon Tcg Pocket Cards Acquired Drop Animation",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-cards-acquired-drop-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "514c99482de5717d",
      "title": "Poke Mon Tcg Pocket Choose Booster Pack Interaction",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-choose-booster-pack-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a298ca9b2c433efe",
      "title": "Poke Mon Tcg Pocket Intro Sequence",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-intro-sequence",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f209ac1e7a86e3f0",
      "title": "Poke Mon Tcg Pocket Swipe And Sort In Card Dex Interaction",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-swipe-and-sort-in-card-dex-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b43253350319700",
      "title": "Poke Mon Tcg Pocket Swipe Packet To Reveal Card Interaction",
      "url": "https://60fps.design/shots/poke-mon-tcg-pocket-swipe-packet-to-reveal-card-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "揭示",
        "出现",
        "入场",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6d941a7142e165b6",
      "title": "Polar Splash Intro Animation",
      "url": "https://60fps.design/shots/polar-splash-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c1388fb1299be74b",
      "title": "Polaroid Aperture Semi Circular Slider Swipe Interaction",
      "url": "https://60fps.design/shots/polaroid-aperture-semi-circular-slider-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "滑块",
        "滑杆",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3f80c529c327ce83",
      "title": "Polaroid Light Painting Flash On Off Interaction",
      "url": "https://60fps.design/shots/polaroid-light-painting-flash-on-off-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4c26d7ac07204648",
      "title": "Polaroid Manual Shutter Aperture Slider Interaction",
      "url": "https://60fps.design/shots/polaroid-manual-shutter-aperture-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0287033dfe17b327",
      "title": "Polaroid Select Film Double Navigation Interaction",
      "url": "https://60fps.design/shots/polaroid-select-film-double-navigation-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "导航",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5b33a925334cda62",
      "title": "Polaroid Self Timer Circular Slider Interaction",
      "url": "https://60fps.design/shots/polaroid-self-timer-circular-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cd572491c9a9e5b6",
      "title": "Pool Duck Mascot Gyro Floating Interaction",
      "url": "https://60fps.design/shots/pool-duck-mascot-gyro-floating-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "257bdee1cf8c5335",
      "title": "Pool Grid To Screenshot Morph Interaction",
      "url": "https://60fps.design/shots/pool-grid-to-screenshot-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "网格",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "64462a6704ed0c4f",
      "title": "Pool Importing Screenshots Animation",
      "url": "https://60fps.design/shots/pool-importing-screenshots-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ef725bb3e895c69d",
      "title": "Pool Intro Features Carousel Swipe Interaction",
      "url": "https://60fps.design/shots/pool-intro-features-carousel-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "功能区",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "56eca3ddf62c2f87",
      "title": "Pool Widgets Size Swipe Interaction",
      "url": "https://60fps.design/shots/pool-widgets-size-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1e81c0dc60f8f434",
      "title": "Portal Splash",
      "url": "https://60fps.design/shots/portal-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "059e2609938c692c",
      "title": "Portal White Noise Swipe Interaction",
      "url": "https://60fps.design/shots/portal-white-noise-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3e250058de26e9de",
      "title": "Posts Swipe Tabs",
      "url": "https://60fps.design/shots/posts-swipe-tabs",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "430b1bfdf45f55f3",
      "title": "Prisma Magic Avatars Intro Sheet",
      "url": "https://60fps.design/shots/prisma-magic-avatars-intro-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "14c4b009fdac9978",
      "title": "Product Hunt Pulse Story",
      "url": "https://60fps.design/shots/product-hunt-pulse-story",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8ea5379b5ff7b391",
      "title": "Pure Value Prop Carousel Sheet",
      "url": "https://60fps.design/shots/pure-value-prop-carousel-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "轮播",
        "轮播图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c86fa4d82ed657e9",
      "title": "Push Intro",
      "url": "https://60fps.design/shots/push-intro",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9540c9c84e5a692d",
      "title": "Push Permission Sheet",
      "url": "https://60fps.design/shots/push-permission-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e3205fdd47ac0ec7",
      "title": "Push Setup To Pricing Sheet",
      "url": "https://60fps.design/shots/push-setup-to-pricing-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "定价",
        "价格"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "094a3a77dabd70bb",
      "title": "Push Start Workout Timer Countdown Animation",
      "url": "https://60fps.design/shots/push-start-workout-timer-countdown-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "238cb63b1624c25f",
      "title": "Push Tab Switch Swipe Up Interaction",
      "url": "https://60fps.design/shots/push-tab-switch-swipe-up-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "开关",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b69c7a556216a98",
      "title": "Push Workout Count Up Animation",
      "url": "https://60fps.design/shots/push-workout-count-up-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "595f786fffb5dc3a",
      "title": "Qalta Category Slider Money Flip Toggle Expense Income Interaction",
      "url": "https://60fps.design/shots/qalta-category-slider-money-flip-toggle-expense-income-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "切换",
        "开关",
        "翻转",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "45c8c4017b678307",
      "title": "Qalta Intro Gradient Background Animation",
      "url": "https://60fps.design/shots/qalta-intro-gradient-background-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "渐变",
        "背景",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9516210db7512af3",
      "title": "Qalta Intro Value Prop Sequence Animation",
      "url": "https://60fps.design/shots/qalta-intro-value-prop-sequence-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f15f7e48cb590b4b",
      "title": "Qalta Splash Icons Vacuum Pull Animation",
      "url": "https://60fps.design/shots/qalta-splash-icons-vacuum-pull-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5334eb964b3e5a58",
      "title": "Qatar Airways Home Cards Section",
      "url": "https://60fps.design/shots/qatar-airways-home-cards-section",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "首页",
        "房子"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d91a1ebfd9779e2b",
      "title": "Qewie Swap Colors Interaction",
      "url": "https://60fps.design/shots/qewie-swap-colors-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "71f19462d660135b",
      "title": "Quartr Chapter Progress Fill Interaction",
      "url": "https://60fps.design/shots/quartr-chapter-progress-fill-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "进度条",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2cf2764738ad7386",
      "title": "Quartr Logo Auto Carousel In Sheet Animation",
      "url": "https://60fps.design/shots/quartr-logo-auto-carousel-in-sheet-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "轮播",
        "轮播图",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "20c69eca9434a594",
      "title": "Quartr Preferences Checkbox Pulse Interaction",
      "url": "https://60fps.design/shots/quartr-preferences-checkbox-pulse-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "复选框",
        "多选框",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b55b58363e372bf",
      "title": "Quartr Scrub Timeline Chapter Text Interaction",
      "url": "https://60fps.design/shots/quartr-scrub-timeline-chapter-text-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "987653d8a337abbe",
      "title": "Quartr Selection Liquid Glass Pulse Interaction",
      "url": "https://60fps.design/shots/quartr-selection-liquid-glass-pulse-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "37ea4dd485276148",
      "title": "Quartr Suggestion Expand On Click Interaction",
      "url": "https://60fps.design/shots/quartr-suggestion-expand-on-click-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "75e9b80a1fd579e7",
      "title": "Queue Ask Ai Chat Random Prompt Interaction",
      "url": "https://60fps.design/shots/queue-ask-ai-chat-random-prompt-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7bd278cf8dec16fa",
      "title": "Queue Bottom Mini Player Morph",
      "url": "https://60fps.design/shots/queue-bottom-mini-player-morph",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "922331818668f07d",
      "title": "Queue Chapter Switch Interaction",
      "url": "https://60fps.design/shots/queue-chapter-switch-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "开关",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}