{
  "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": 10,
    "pageSize": 80,
    "totalEntries": 2423,
    "totalPages": 31,
    "offset": 720,
    "previous": "page-9.json",
    "next": "page-11.json"
  },
  "entries": [
    {
      "id": "f0835976015e6c69",
      "title": "Chatgpt Intelligence Picker Long Press Slider Interaction",
      "url": "https://60fps.design/shots/chatgpt-intelligence-picker-long-press-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6d40a904a5b84edc",
      "title": "Chatgpt Listening",
      "url": "https://60fps.design/shots/chatgpt-listening",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "868c963d4fb91da1",
      "title": "Chatgpt Model Intensity Slider Interaction",
      "url": "https://60fps.design/shots/chatgpt-model-intensity-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a1f19d1e6fe906b7",
      "title": "Chatgpt Plus Get Started Value Prop Story Interaction",
      "url": "https://60fps.design/shots/chatgpt-plus-get-started-value-prop-story-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "添加",
        "加号"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e0e7dbeacbf88137",
      "title": "Chatgpt Voice Blob Gradient Interaction",
      "url": "https://60fps.design/shots/chatgpt-voice-blob-gradient-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "渐变",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8e5783b8374347ef",
      "title": "Chatgpt Your Year Chat Stats Flip Animation",
      "url": "https://60fps.design/shots/chatgpt-your-year-chat-stats-flip-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "翻转",
        "动画",
        "动效",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "444b76a1f58adcef",
      "title": "Chatgpt Your Year Outro Cards Swipe Interaction",
      "url": "https://60fps.design/shots/chatgpt-your-year-outro-cards-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "759ebd4e2201f656",
      "title": "Chatgpt Your Year Scribble Interaction",
      "url": "https://60fps.design/shots/chatgpt-your-year-scribble-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "04d69ad08dfb5f76",
      "title": "Chess Daily Solver Level Jump Fireworks Animation",
      "url": "https://60fps.design/shots/chess-daily-solver-level-jump-fireworks-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d81ed80759ba5154",
      "title": "Chess Premium Swipe Icon Animation",
      "url": "https://60fps.design/shots/chess-premium-swipe-icon-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "滑动",
        "手势",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5d047b7cf6125537",
      "title": "Chess Splash",
      "url": "https://60fps.design/shots/chess-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bd359e9f301e2af3",
      "title": "Citymapper Scroll To View Hidden Art",
      "url": "https://60fps.design/shots/citymapper-scroll-to-view-hidden-art",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6ae126bd826016fd",
      "title": "Claude Code Empty State Mascot Illustration Animation",
      "url": "https://60fps.design/shots/claude-code-empty-state-mascot-illustration-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "空状态",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b4417c89069c54a9",
      "title": "Claude Voice Selection Border Pulse Interaction",
      "url": "https://60fps.design/shots/claude-voice-selection-border-pulse-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f95ce5005d537e91",
      "title": "Clay Splash",
      "url": "https://60fps.design/shots/clay-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dc2f24b06de67d79",
      "title": "Clear Back Screen Morph",
      "url": "https://60fps.design/shots/clear-back-screen-morph",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ae6e08780b13cb77",
      "title": "Clear Pull Down To Add Interaction",
      "url": "https://60fps.design/shots/clear-pull-down-to-add-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1e4bb92da81c2837",
      "title": "Clear Pull Up To Clear Interaction",
      "url": "https://60fps.design/shots/clear-pull-up-to-clear-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "47c25e7488bda3cb",
      "title": "Clear Support Mail Sheet Interaction",
      "url": "https://60fps.design/shots/clear-support-mail-sheet-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "交互",
        "动效",
        "邮件",
        "信封"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "71f41f09c206dd9c",
      "title": "Clear Swipe Right To Check Interaction",
      "url": "https://60fps.design/shots/clear-swipe-right-to-check-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "滑动",
        "手势",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "15bb0dac5812ae1b",
      "title": "Clearpro Splash",
      "url": "https://60fps.design/shots/clearpro-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "99876ae1494a126b",
      "title": "Clocks Card Screen Morph Interaction",
      "url": "https://60fps.design/shots/clocks-card-screen-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee7b79870da6695d",
      "title": "Clocks Get Started Page Transition",
      "url": "https://60fps.design/shots/clocks-get-started-page-transition",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b2f6b407af678b87",
      "title": "Clocks Splash Get Started",
      "url": "https://60fps.design/shots/clocks-splash-get-started",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "52e063220fb46bc9",
      "title": "Clubhouse Make Friends Card Swipe Interaction",
      "url": "https://60fps.design/shots/clubhouse-make-friends-card-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "051f71ab9f03c29d",
      "title": "Clubhouse Tab Icon Animation",
      "url": "https://60fps.design/shots/clubhouse-tab-icon-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f67d6d09d9a8326d",
      "title": "Co Star App Launch Loading Animation",
      "url": "https://60fps.design/shots/co-star-app-launch-loading-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效",
        "星星",
        "收藏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0f3c12367464bbf9",
      "title": "Co Star Globe Zoom Out Animation",
      "url": "https://60fps.design/shots/co-star-globe-zoom-out-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "星星",
        "收藏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f8b08c0b570cb873",
      "title": "Co Star Loading Animation",
      "url": "https://60fps.design/shots/co-star-loading-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效",
        "星星",
        "收藏"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b75a625ea7b077d5",
      "title": "Cobot Get Started Value Props Carousel Swipe Interaction",
      "url": "https://60fps.design/shots/cobot-get-started-value-props-carousel-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "476d73974d6b5d73",
      "title": "Cobot Intro Unbox Peal Seal Interaction",
      "url": "https://60fps.design/shots/cobot-intro-unbox-peal-seal-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "39700d120a96d4f3",
      "title": "Cobot Spinner Loader Animation",
      "url": "https://60fps.design/shots/cobot-spinner-loader-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "转圈",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2e52ee66e6d5c700",
      "title": "Cobot Toast Expand Shrink Interaction",
      "url": "https://60fps.design/shots/cobot-toast-expand-shrink-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "112df99142f09271",
      "title": "Coinbase Wallet Intro Spash",
      "url": "https://60fps.design/shots/coinbase-wallet-intro-spash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f324ac4cf2df4073",
      "title": "Coinbase Wallet Onboarding Assets Animation",
      "url": "https://60fps.design/shots/coinbase-wallet-onboarding-assets-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7ca391ea3b28392a",
      "title": "Combyne Video Intro Animation",
      "url": "https://60fps.design/shots/combyne-video-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "16735365c99ecfd8",
      "title": "Comet Splash Logo Animation",
      "url": "https://60fps.design/shots/comet-splash-logo-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "67623f2ad4858744",
      "title": "Corner Intro Background Shuffle",
      "url": "https://60fps.design/shots/corner-intro-background-shuffle",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "12d722c560eeba1c",
      "title": "Corner Map Getting Ready Animation",
      "url": "https://60fps.design/shots/corner-map-getting-ready-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "地图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "55d2d6888a03851e",
      "title": "Corner Splash Intro Animation",
      "url": "https://60fps.design/shots/corner-splash-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c61cadf8134278c8",
      "title": "Cosmos 3D Pebbles Intro Spin Animation",
      "url": "https://60fps.design/shots/cosmos-3d-pebbles-intro-spin-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "12a471bd93a982ff",
      "title": "Cosmos Cluster Drag And Drop Interaction",
      "url": "https://60fps.design/shots/cosmos-cluster-drag-and-drop-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "拖拽",
        "拖动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2819f2d0955587c3",
      "title": "Cosmos Intro",
      "url": "https://60fps.design/shots/cosmos-intro",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8226626baa73bd2a",
      "title": "Cosmos No Internet Spot Illustration Animation",
      "url": "https://60fps.design/shots/cosmos-no-internet-spot-illustration-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5cd5bc7fc9a17ac2",
      "title": "Cosmos Share Shots Carousel Swipe Interaction",
      "url": "https://60fps.design/shots/cosmos-share-shots-carousel-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3bccb2fadc6d2343",
      "title": "Cosmos Social Logos Circle Animation",
      "url": "https://60fps.design/shots/cosmos-social-logos-circle-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5be289fa14349709",
      "title": "Cosmos Theme Switcher Interaction",
      "url": "https://60fps.design/shots/cosmos-theme-switcher-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "77d5e544bff6e67a",
      "title": "Countly Intro Widget Card Stack Swipe Interaction",
      "url": "https://60fps.design/shots/countly-intro-widget-card-stack-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "47789e8800e79492",
      "title": "Craft Background Preset Selection Sheet",
      "url": "https://60fps.design/shots/craft-background-preset-selection-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "背景"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6f565f91885f2321",
      "title": "Craft Cursor Seek Liquid Glass Magnify Interaction",
      "url": "https://60fps.design/shots/craft-cursor-seek-liquid-glass-magnify-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "光标",
        "鼠标",
        "指针",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e6f3c3383788e2da",
      "title": "Craft Floating Menu",
      "url": "https://60fps.design/shots/craft-floating-menu",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "855e86929175a51f",
      "title": "Craft Insert Sheet",
      "url": "https://60fps.design/shots/craft-insert-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ed623e977c83f27b",
      "title": "Craft Long Press To Move Block Coachmark Interaction",
      "url": "https://60fps.design/shots/craft-long-press-to-move-block-coachmark-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d774620f8e3d9fe9",
      "title": "Craft Snappy Scroll Interaction",
      "url": "https://60fps.design/shots/craft-snappy-scroll-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滚动",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9bf851810d1ea478",
      "title": "Craft Swipe Left Right To Change Block Style Coachmark Interaction",
      "url": "https://60fps.design/shots/craft-swipe-left-right-to-change-block-style-coachmark-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fe036effd672e6e3",
      "title": "Craft Zoom Slider Interaction",
      "url": "https://60fps.design/shots/craft-zoom-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bab8e162b2b31bf3",
      "title": "Cred 3D Card Swipe Interaction",
      "url": "https://60fps.design/shots/cred-3d-card-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b31ae68909be3d3d",
      "title": "Cred 3D Gold Vault Animation",
      "url": "https://60fps.design/shots/cred-3d-gold-vault-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d2840830d9a4533a",
      "title": "Cred Activate Face Id Animation",
      "url": "https://60fps.design/shots/cred-activate-face-id-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ea3f72b925d0e760",
      "title": "Cred All In Jackpot Spin Interaction",
      "url": "https://60fps.design/shots/cred-all-in-jackpot-spin-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f592fe80e20d618d",
      "title": "Cred Button Loader Animation",
      "url": "https://60fps.design/shots/cred-button-loader-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "按钮",
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6174cad631ccda31",
      "title": "Cred Button Loading To Tick Animation",
      "url": "https://60fps.design/shots/cred-button-loading-to-tick-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "按钮",
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "590faec557248370",
      "title": "Cred Campaign Title Animation",
      "url": "https://60fps.design/shots/cred-campaign-title-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a40d97afaf0f8b70",
      "title": "Cred Card In Hand Slide In Animation",
      "url": "https://60fps.design/shots/cred-card-in-hand-slide-in-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3ee57c627d89ca54",
      "title": "Cred Card List 3D Scroll Interaction",
      "url": "https://60fps.design/shots/cred-card-list-3d-scroll-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "列表",
        "滚动",
        "交互",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d399f78a6c00750",
      "title": "Cred Card Value Props Story Morph Sequence Animation",
      "url": "https://60fps.design/shots/cred-card-value-props-story-morph-sequence-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7cec131f8e556dbe",
      "title": "Cred Check Animation",
      "url": "https://60fps.design/shots/cred-check-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2e1b96bb4cac9f6d",
      "title": "Cred Checking Details Animation",
      "url": "https://60fps.design/shots/cred-checking-details-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4d92cb40c2ddd871",
      "title": "Cred Claim Reward Chest Open",
      "url": "https://60fps.design/shots/cred-claim-reward-chest-open",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8d474598268bfd0f",
      "title": "Cred Claim Reward Slide Down",
      "url": "https://60fps.design/shots/cred-claim-reward-slide-down",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a47a0385af63bda4",
      "title": "Cred Claim Rewards Cashback Animation",
      "url": "https://60fps.design/shots/cred-claim-rewards-cashback-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5db6b253f5949d78",
      "title": "Cred Claw Rewards Interaction",
      "url": "https://60fps.design/shots/cred-claw-rewards-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d41bb411dbcf43d2",
      "title": "Cred Collected Badges Animation",
      "url": "https://60fps.design/shots/cred-collected-badges-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "00f90ed33a3bcedc",
      "title": "Cred Compass Target Score Slider Interaction",
      "url": "https://60fps.design/shots/cred-compass-target-score-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0756df9687c281ad",
      "title": "Cred Credit Card Full Page Offers Swipe Interaction",
      "url": "https://60fps.design/shots/cred-credit-card-full-page-offers-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b21b259dfb822f5a",
      "title": "Cred Custom Amount Slider Interaction",
      "url": "https://60fps.design/shots/cred-custom-amount-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de78e8706979dcee",
      "title": "Cred Deal Cards 3D Carousel Swipe Interaction",
      "url": "https://60fps.design/shots/cred-deal-cards-3d-carousel-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "072f1a248f1c22f3",
      "title": "Cred Deal Unlocked Card Animation",
      "url": "https://60fps.design/shots/cred-deal-unlocked-card-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5979d2e72b0e9477",
      "title": "Cred Distance Picker Slider",
      "url": "https://60fps.design/shots/cred-distance-picker-slider",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "924fcaf291777d7d",
      "title": "Cred Feature Highlight Blurb Animation",
      "url": "https://60fps.design/shots/cred-feature-highlight-blurb-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}