{
  "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": 31,
    "pageSize": 80,
    "totalEntries": 2423,
    "totalPages": 31,
    "offset": 2400,
    "previous": "page-30.json",
    "next": null
  },
  "entries": [
    {
      "id": "610dde4de7f4e8ac",
      "title": "Zomato Bottom Sticky Discount Confetti",
      "url": "https://60fps.design/shots/zomato-bottom-sticky-discount-confetti",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "彩纸",
        "庆祝"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f7ab84cdc858a819",
      "title": "Zomato Delivery Bike Icon Animation",
      "url": "https://60fps.design/shots/zomato-delivery-bike-icon-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "223bfb7d3ce9334f",
      "title": "Zomato For You Toggle Animation",
      "url": "https://60fps.design/shots/zomato-for-you-toggle-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "切换",
        "开关",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b27bde060466102e",
      "title": "Zomato Holi Splash Animation",
      "url": "https://60fps.design/shots/zomato-holi-splash-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3b35d27405b1fa80",
      "title": "Zomato Image Preview Slider",
      "url": "https://60fps.design/shots/zomato-image-preview-slider",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "图片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "658073b1008598f9",
      "title": "Zomato Intro Card Swipe Animation",
      "url": "https://60fps.design/shots/zomato-intro-card-swipe-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a33d3464c682e3d6",
      "title": "Zomato Pull To Refresh Mascot",
      "url": "https://60fps.design/shots/zomato-pull-to-refresh-mascot",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "26b95bb732ed6f7f",
      "title": "Zomato Swipe Full Screen Tooltip",
      "url": "https://60fps.design/shots/zomato-swipe-full-screen-tooltip",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b3be3692645ebc3b",
      "title": "Zomato Tab Icon Animation",
      "url": "https://60fps.design/shots/zomato-tab-icon-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "55c49ddd15537b83",
      "title": "Circle Progress Fill Interaction",
      "url": "https://60fps.design/snippets/circle-progress-fill-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "进度条",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "71c070eed5d2ef07",
      "title": "Continue Button To Tick Animation",
      "url": "https://60fps.design/snippets/continue-button-to-tick-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "按钮",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c789f8efa9179f70",
      "title": "Forward Toast Icon Animation",
      "url": "https://60fps.design/snippets/forward-toast-icon-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示",
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6a91be6c8e0e601e",
      "title": "Group Stage Table Timeline Tab Interaction",
      "url": "https://60fps.design/snippets/group-stage-table-timeline-tab-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "表格",
        "数据表格",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dccbcb68698e80ee",
      "title": "Hide Sensitive Number Interaction",
      "url": "https://60fps.design/snippets/hide-sensitive-number-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4f552a8391007e36",
      "title": "Hold To Commit Button Interaction",
      "url": "https://60fps.design/snippets/hold-to-commit-button-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "按钮",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ec974c3a9ed0d020",
      "title": "Keyboard To Input Morph Interaction",
      "url": "https://60fps.design/snippets/keyboard-to-input-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "输入框",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5faef46e431b0f5c",
      "title": "Line Graph Morph Interaction",
      "url": "https://60fps.design/snippets/line-graph-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e075cb083515dc70",
      "title": "List Item Accordion Expand Interaction",
      "url": "https://60fps.design/snippets/list-item-accordion-expand-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "手风琴",
        "折叠面板",
        "列表",
        "交互",
        "动效",
        "折叠",
        "展开"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "509fcb773a045efa",
      "title": "Mini Player Play And Scrub Interaction",
      "url": "https://60fps.design/snippets/mini-player-play-and-scrub-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "播放"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de8966ae2b39b9cc",
      "title": "Number Flip With Reflection Interaction",
      "url": "https://60fps.design/snippets/number-flip-with-reflection-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "翻转",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b83d5fb344979267",
      "title": "Otp Input Pulse Fill Success Interaction",
      "url": "https://60fps.design/snippets/otp-input-pulse-fill-success-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "输入框",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "190a07f3ffbd76df",
      "title": "Plan Switch Card Expand Interaction",
      "url": "https://60fps.design/snippets/plan-switch-card-expand-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "开关",
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ba8fe4917f68fd34",
      "title": "See All Menu Expand Interaction",
      "url": "https://60fps.design/snippets/see-all-menu-expand-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "菜单",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}