{
  "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": 27,
    "pageSize": 80,
    "totalEntries": 2423,
    "totalPages": 31,
    "offset": 2080,
    "previous": "page-26.json",
    "next": "page-28.json"
  },
  "entries": [
    {
      "id": "2779d28d2bd1bad2",
      "title": "Super Story Slides Picker Sheet",
      "url": "https://60fps.design/shots/super-story-slides-picker-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4c7e9656c64d806a",
      "title": "Superchat Message Text Size Slider",
      "url": "https://60fps.design/shots/superchat-message-text-size-slider",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "消息提示",
        "文字",
        "文本"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "84ca312255000bae",
      "title": "Superchat Welcome Animation",
      "url": "https://60fps.design/shots/superchat-welcome-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eb47ecdf44bf0574",
      "title": "Superlist Get Started Actions Revel Interaction",
      "url": "https://60fps.design/shots/superlist-get-started-actions-revel-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "75599d9dfa623e94",
      "title": "Superlist Line Path Animation",
      "url": "https://60fps.design/shots/superlist-line-path-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "折线",
        "线条",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0b788707c65f56dc",
      "title": "Superlist Onboarding Ai Making Animation",
      "url": "https://60fps.design/shots/superlist-onboarding-ai-making-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6e7aee6fe2d812fb",
      "title": "Superlist Onboarding Cards Spin Animation",
      "url": "https://60fps.design/shots/superlist-onboarding-cards-spin-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cda5ca29b4a0c3ec",
      "title": "Superlist Onboarding Create Task Animation",
      "url": "https://60fps.design/shots/superlist-onboarding-create-task-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f22fe521bdc72a60",
      "title": "Superlist Onboarding Invite Member Animation",
      "url": "https://60fps.design/shots/superlist-onboarding-invite-member-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b3daa8014dc0c4bc",
      "title": "Superlist Onboarding Typing Notes Animation",
      "url": "https://60fps.design/shots/superlist-onboarding-typing-notes-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "打字机",
        "打字",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "37f2485bddb2013b",
      "title": "Superlist Splash Tagline Animation",
      "url": "https://60fps.design/shots/superlist-splash-tagline-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "46359d1735db9b64",
      "title": "Superlist Task To List Switch",
      "url": "https://60fps.design/shots/superlist-task-to-list-switch",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "开关",
        "列表"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "648dba9ae382e53f",
      "title": "Supersonic Achievements Gyroscope",
      "url": "https://60fps.design/shots/supersonic-achievements-gyroscope",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e49ede866fb31be5",
      "title": "Supersonic Community Map",
      "url": "https://60fps.design/shots/supersonic-community-map",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "地图"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2fd7463b02f689be",
      "title": "Supersonic Hold To Stop Interaction",
      "url": "https://60fps.design/shots/supersonic-hold-to-stop-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f78c79fbf0c8d4cf",
      "title": "Supersonic Run Level Picker",
      "url": "https://60fps.design/shots/supersonic-run-level-picker",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "35e76d74f27dd703",
      "title": "Supersonic Set Goals Intro",
      "url": "https://60fps.design/shots/supersonic-set-goals-intro",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "de8eb858855406d4",
      "title": "Supersonic Set Reminder Sheet",
      "url": "https://60fps.design/shots/supersonic-set-reminder-sheet",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f131883737e01151",
      "title": "Supersonic Steps Picker",
      "url": "https://60fps.design/shots/supersonic-steps-picker",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e0810a8f5e1f32b3",
      "title": "Surreal Splash Animation",
      "url": "https://60fps.design/shots/surreal-splash-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8e9c00f9b7292d79",
      "title": "Swiggy 2025 Countdown Dance Animation",
      "url": "https://60fps.design/shots/swiggy-2025-countdown-dance-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8239a69afb348e12",
      "title": "Swiggy 2025 Countdown Party Animation",
      "url": "https://60fps.design/shots/swiggy-2025-countdown-party-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d2b921cce836cfd6",
      "title": "Swiggy 2025 Countdown Pizza Animation",
      "url": "https://60fps.design/shots/swiggy-2025-countdown-pizza-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c0fccd39fd7f61cf",
      "title": "Swiggy Black Friday Deal Rush Header Animation",
      "url": "https://60fps.design/shots/swiggy-black-friday-deal-rush-header-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c8689af1c3439f50",
      "title": "Swiggy Blck Order Placed To Welcome Animation",
      "url": "https://60fps.design/shots/swiggy-blck-order-placed-to-welcome-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9f089399a17aed37",
      "title": "Swiggy Category Tabs Animation",
      "url": "https://60fps.design/shots/swiggy-category-tabs-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c04f8e1d5dc60983",
      "title": "Swiggy Chat Response Loading Animation",
      "url": "https://60fps.design/shots/swiggy-chat-response-loading-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效",
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "94c3c8cf27a7d281",
      "title": "Swiggy Christmas Theme Footer Interaction",
      "url": "https://60fps.design/shots/swiggy-christmas-theme-footer-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "页脚",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "39cf000ca9f8a841",
      "title": "Swiggy Dinecash Hero Animation",
      "url": "https://60fps.design/shots/swiggy-dinecash-hero-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "首屏",
        "主视觉",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "42c969ea89fe3b9f",
      "title": "Swiggy Dineout Dinecash Toggle Interaction",
      "url": "https://60fps.design/shots/swiggy-dineout-dinecash-toggle-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "切换",
        "开关",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0a4d527c31b924a6",
      "title": "Swiggy Diwali Theme Pull To Refresh Loader",
      "url": "https://60fps.design/shots/swiggy-diwali-theme-pull-to-refresh-loader",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ffe212620096453d",
      "title": "Swiggy How India Swiggy D 2025 All Levels Complete Celebration Animation",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-2025-all-levels-complete-celebration-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d98a3a873361d7e6",
      "title": "Swiggy How India Swiggy D 2025 Correct Answer Animation",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-2025-correct-answer-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5bbd86cd187851fc",
      "title": "Swiggy How India Swiggy D 2025 Intro Animation",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-2025-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b1237a3351a97ae",
      "title": "Swiggy How India Swiggy D 2025 Level 2 Celebration Animation",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-2025-level-2-celebration-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "624e4fb27d0c5960",
      "title": "Swiggy How India Swiggy D 2025 Level Cleared Animation",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-2025-level-cleared-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2992c8cc70e37ebc",
      "title": "Swiggy How India Swiggy D 2025 Wrong Answer Animation",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-2025-wrong-answer-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a67c47f279445e52",
      "title": "Swiggy How India Swiggy D Correct Answer Interaction",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-correct-answer-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "934f71df285f1b32",
      "title": "Swiggy How India Swiggy D Intro Animation",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6c6da719ae7ae95c",
      "title": "Swiggy How India Swiggy D Splash",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "c5e40b93a75c4ebf",
      "title": "Swiggy How India Swiggy D Wrong Answer Interaction",
      "url": "https://60fps.design/shots/swiggy-how-india-swiggy-d-wrong-answer-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7e3ca401e5137f7c",
      "title": "Swiggy Instamart Curve Swipe Bottom Navigation Interaction",
      "url": "https://60fps.design/shots/swiggy-instamart-curve-swipe-bottom-navigation-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "导航",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "49820a4a64998629",
      "title": "Swiggy Instamart Long Press Summarise Interaction",
      "url": "https://60fps.design/shots/swiggy-instamart-long-press-summarise-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ff4b13ea36e1c9b8",
      "title": "Swiggy Ipo Story Interaction",
      "url": "https://60fps.design/shots/swiggy-ipo-story-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "547b91a588a87349",
      "title": "Swiggy Juspay Auto Submit Button Progress Interaction",
      "url": "https://60fps.design/shots/swiggy-juspay-auto-submit-button-progress-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "按钮",
        "进度条",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b7b0fad1a7301ac3",
      "title": "Swiggy Location Unavailable Empty Animation",
      "url": "https://60fps.design/shots/swiggy-location-unavailable-empty-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "空状态",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9f23caf8871ea3b7",
      "title": "Swiggy One Blck Expiration Calendar Tear Animation",
      "url": "https://60fps.design/shots/swiggy-one-blck-expiration-calendar-tear-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "日历",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "db45d3e60b4570a5",
      "title": "Swiggy One Blck Invitation Reveal Animation",
      "url": "https://60fps.design/shots/swiggy-one-blck-invitation-reveal-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "揭示",
        "出现",
        "入场",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fb8599af10868bfe",
      "title": "Swiggy One Blck Upgrade Header Animation",
      "url": "https://60fps.design/shots/swiggy-one-blck-upgrade-header-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "28e1994878fbf4af",
      "title": "Swiggy Order Loader",
      "url": "https://60fps.design/shots/swiggy-order-loader",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "dd83880ab6afdfc4",
      "title": "Swiggy Purchased Loader To Check Mark Animation",
      "url": "https://60fps.design/shots/swiggy-purchased-loader-to-check-mark-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "78fba91c28d63cbb",
      "title": "Swiggy Q Ai Chat Logo Animation",
      "url": "https://60fps.design/shots/swiggy-q-ai-chat-logo-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "聊天",
        "对话",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b73fbd8eda0d1241",
      "title": "Swiggy Restaurant Voted Check Animation",
      "url": "https://60fps.design/shots/swiggy-restaurant-voted-check-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "785345b7d9a2e232",
      "title": "Swiggy Santa Banner Celebration Text Animation",
      "url": "https://60fps.design/shots/swiggy-santa-banner-celebration-text-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "文字",
        "文本",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "abafe7690d1447b2",
      "title": "Swiggy Saved In One Blck Animation",
      "url": "https://60fps.design/shots/swiggy-saved-in-one-blck-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89a453ba12cc89d6",
      "title": "Swiggy Scenes Circular Filter Menu Interaction",
      "url": "https://60fps.design/shots/swiggy-scenes-circular-filter-menu-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "环形",
        "圆形",
        "菜单",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df792be7c190fd8c",
      "title": "Swiggy Scratch Card Interaction",
      "url": "https://60fps.design/shots/swiggy-scratch-card-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "265cd7e2a7aec181",
      "title": "Swiggy Search Indent Interaction",
      "url": "https://60fps.design/shots/swiggy-search-indent-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "搜索",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1a90038703fb6041",
      "title": "Swiggy Slide To Pay Interaction",
      "url": "https://60fps.design/shots/swiggy-slide-to-pay-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "468f0c28be89ec0b",
      "title": "Swiggy Splash",
      "url": "https://60fps.design/shots/swiggy-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7450caa5977659ac",
      "title": "Swiggy Tip Delivery Partners Diwali Theme Animation",
      "url": "https://60fps.design/shots/swiggy-tip-delivery-partners-diwali-theme-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "20730f96297c868a",
      "title": "Swypn Left Right Card Swipe Interaction",
      "url": "https://60fps.design/shots/swypn-left-right-card-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b7c324081db9ba1a",
      "title": "Talky Onboarding Swipes",
      "url": "https://60fps.design/shots/talky-onboarding-swipes",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "198cc7985523fe74",
      "title": "Talky Swipes Tutorial",
      "url": "https://60fps.design/shots/talky-swipes-tutorial",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "19b5a9247fc5a50f",
      "title": "Tapestry Onboarding Header Icons Morph Animation",
      "url": "https://60fps.design/shots/tapestry-onboarding-header-icons-morph-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5035a259f9af4b8",
      "title": "Tayasui Sketches Eraser Settings",
      "url": "https://60fps.design/shots/tayasui-sketches-eraser-settings",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "设置"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "136ffab08895db5a",
      "title": "Tayasui Sketches Intro",
      "url": "https://60fps.design/shots/tayasui-sketches-intro",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "6a8533801a2f6797",
      "title": "Tayasui Sketches Tools Color Picker",
      "url": "https://60fps.design/shots/tayasui-sketches-tools-color-picker",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e737746e3e9e0821",
      "title": "Telegram Add Phone State",
      "url": "https://60fps.design/shots/telegram-add-phone-state",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1795812059dd1eb2",
      "title": "Telegram Appearance Picker Illustration Animation",
      "url": "https://60fps.design/shots/telegram-appearance-picker-illustration-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "70d7342bbc722bf8",
      "title": "Telegram Business 3D Rotate Interaction",
      "url": "https://60fps.design/shots/telegram-business-3d-rotate-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ee2d23d62d9c7478",
      "title": "Telegram Chat Emoji Reaction",
      "url": "https://60fps.design/shots/telegram-chat-emoji-reaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "聊天",
        "对话"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9362b63b5fabf4ee",
      "title": "Telegram Clear Cache Animation",
      "url": "https://60fps.design/shots/telegram-clear-cache-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0822e0b85dec3bec",
      "title": "Telegram Copy Link Toast",
      "url": "https://60fps.design/shots/telegram-copy-link-toast",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "消息提示",
        "轻提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "83be97722bdb82d2",
      "title": "Telegram Devices Header Illustration Animation",
      "url": "https://60fps.design/shots/telegram-devices-header-illustration-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1605c093cf193cd5",
      "title": "Telegram Emoji Menu",
      "url": "https://60fps.design/shots/telegram-emoji-menu",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "55e7a9eae3d1b625",
      "title": "Telegram Folders Animation",
      "url": "https://60fps.design/shots/telegram-folders-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a6190f1554ba6253",
      "title": "Telegram Pull Down Story Interaction",
      "url": "https://60fps.design/shots/telegram-pull-down-story-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3d74c9391ff36782",
      "title": "Telegram Pull Up To Jump Channel Interaction",
      "url": "https://60fps.design/shots/telegram-pull-up-to-jump-channel-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5f231ca2186b0d34",
      "title": "Telegram Real Time Translation Feature Sheet Animation",
      "url": "https://60fps.design/shots/telegram-real-time-translation-feature-sheet-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}