{
  "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": 11,
    "pageSize": 80,
    "totalEntries": 2423,
    "totalPages": 31,
    "offset": 800,
    "previous": "page-10.json",
    "next": "page-12.json"
  },
  "entries": [
    {
      "id": "6e844f5893600228",
      "title": "Cred Foresight Predict Score Animation",
      "url": "https://60fps.design/shots/cred-foresight-predict-score-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "545d7f218425ba4e",
      "title": "Cred Foresight Score Animation",
      "url": "https://60fps.design/shots/cred-foresight-score-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9d0c44476172a50f",
      "title": "Cred Gift Card Carousel Picker Number Input Interaction",
      "url": "https://60fps.design/shots/cred-gift-card-carousel-picker-number-input-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "输入框",
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "67af1059502e9b3c",
      "title": "Cred Gold 3D Illustration Carousel Scroll Animation",
      "url": "https://60fps.design/shots/cred-gold-3d-illustration-carousel-scroll-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "滚动",
        "动画",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "309d42799bc149cb",
      "title": "Cred Gold Coin Invite Card Flip Animation",
      "url": "https://60fps.design/shots/cred-gold-coin-invite-card-flip-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "翻转",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "42c2f9b0e5683460",
      "title": "Cred Induslnd Credit Card Intro Video",
      "url": "https://60fps.design/shots/cred-induslnd-credit-card-intro-video",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "视频"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "221b80636e561ce5",
      "title": "Cred Induslnd Credit Card Swipe 3D Snap Interaction",
      "url": "https://60fps.design/shots/cred-induslnd-credit-card-swipe-3d-snap-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e5b5914c68cb3d36",
      "title": "Cred Interest Selection",
      "url": "https://60fps.design/shots/cred-interest-selection",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "25570d4cb27c02ff",
      "title": "Cred Investment Slider",
      "url": "https://60fps.design/shots/cred-investment-slider",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f8700d9a07c2f1e6",
      "title": "Cred Invite Card Gyroscope",
      "url": "https://60fps.design/shots/cred-invite-card-gyroscope",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0ed9737ef3de2abc",
      "title": "Cred Invite Members Animation",
      "url": "https://60fps.design/shots/cred-invite-members-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "df807c35664f28b9",
      "title": "Cred Jackpot Spin Interaction",
      "url": "https://60fps.design/shots/cred-jackpot-spin-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0728d221d222a671",
      "title": "Cred Join Group Level Slider Animation",
      "url": "https://60fps.design/shots/cred-join-group-level-slider-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fcc1af499f0c7215",
      "title": "Cred Loading Animation",
      "url": "https://60fps.design/shots/cred-loading-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "48106ea4a47491cb",
      "title": "Cred Loan Amount Slider Interaction",
      "url": "https://60fps.design/shots/cred-loan-amount-slider-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "106d2cf5967eaf62",
      "title": "Cred Loan Type 3D Picker Interaction",
      "url": "https://60fps.design/shots/cred-loan-type-3d-picker-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e438d856c219b28f",
      "title": "Cred Milestone Badges Interaction",
      "url": "https://60fps.design/shots/cred-milestone-badges-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "cc873f602c5e1b1f",
      "title": "Cred Money Internal Navigation Bottom Bar Interaction",
      "url": "https://60fps.design/shots/cred-money-internal-navigation-bottom-bar-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "柱状图",
        "导航",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2fed008e25ba53f8",
      "title": "Cred Money Notification Pill Text Flip Animation",
      "url": "https://60fps.design/shots/cred-money-notification-pill-text-flip-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "通知",
        "消息提示",
        "文字",
        "文本",
        "翻转",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "332ca4c77d24a7a8",
      "title": "Cred No Internet Snake Game",
      "url": "https://60fps.design/shots/cred-no-internet-snake-game",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "426530bc3a2ea393",
      "title": "Cred Offer Cashback Animation Story Interaction",
      "url": "https://60fps.design/shots/cred-offer-cashback-animation-story-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "交互"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "38dbbe0684ab6948",
      "title": "Cred Order Purchased Cashback Unlocked Interaction",
      "url": "https://60fps.design/shots/cred-order-purchased-cashback-unlocked-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9e9fd45833bfa2d9",
      "title": "Cred Order Purchased Offer Card Expand Interaction",
      "url": "https://60fps.design/shots/cred-order-purchased-offer-card-expand-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1e7d07bdc330f871",
      "title": "Cred Paid Check Animation",
      "url": "https://60fps.design/shots/cred-paid-check-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "勾选",
        "成功"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "60a952d41778583a",
      "title": "Cred Pay With Face Id Animation",
      "url": "https://60fps.design/shots/cred-pay-with-face-id-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "306f926e85f7aae8",
      "title": "Cred Pop Challenge Intro Animation",
      "url": "https://60fps.design/shots/cred-pop-challenge-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "140af9d429533160",
      "title": "Cred Pop Challenge Intro Card Animation",
      "url": "https://60fps.design/shots/cred-pop-challenge-intro-card-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7055bc1d525889f9",
      "title": "Cred Pop Challenge Object Pop Tooltip",
      "url": "https://60fps.design/shots/cred-pop-challenge-object-pop-tooltip",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "447b2395516db4d9",
      "title": "Cred Pop Challenge Wrong Pop Tooltip",
      "url": "https://60fps.design/shots/cred-pop-challenge-wrong-pop-tooltip",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "94d9d0be059b9918",
      "title": "Cred Promo Badge Shimmer Animation",
      "url": "https://60fps.design/shots/cred-promo-badge-shimmer-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "徽章",
        "状态标签",
        "流光",
        "闪烁",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "fac9990c7476f2ef",
      "title": "Cred Recharge Fastag Animation",
      "url": "https://60fps.design/shots/cred-recharge-fastag-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0d50d7cfaa742c1c",
      "title": "Cred Recurring Payments Card Swipe Interaction",
      "url": "https://60fps.design/shots/cred-recurring-payments-card-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9006a5e2f52a810e",
      "title": "Cred Referral Cashback Promo Animation",
      "url": "https://60fps.design/shots/cred-referral-cashback-promo-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5af3cc96384b279e",
      "title": "Cred Retrieving Credit Score Animation",
      "url": "https://60fps.design/shots/cred-retrieving-credit-score-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1426a9f19e6958d7",
      "title": "Cred Rewards Feature Icon Spin Animation",
      "url": "https://60fps.design/shots/cred-rewards-feature-icon-spin-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "943800c5964bf0b6",
      "title": "Cred Rewards Spin",
      "url": "https://60fps.design/shots/cred-rewards-spin",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7aa1d9f844e09e5a",
      "title": "Cred Rewards Wheel",
      "url": "https://60fps.design/shots/cred-rewards-wheel",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a204b53c93b2fb06",
      "title": "Cred Scanning Loader",
      "url": "https://60fps.design/shots/cred-scanning-loader",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b3a2af08ae5b889c",
      "title": "Cred Sending Sms Animation",
      "url": "https://60fps.design/shots/cred-sending-sms-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "ddddec5394949b5e",
      "title": "Cred Slide To Unlock Interaction",
      "url": "https://60fps.design/shots/cred-slide-to-unlock-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "0e847968f6069909",
      "title": "Cred Spin The Wheel Interaction",
      "url": "https://60fps.design/shots/cred-spin-the-wheel-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "b12ec2845cbc3b12",
      "title": "Cred Swipe Left Tooltip",
      "url": "https://60fps.design/shots/cred-swipe-left-tooltip",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "52ee6a5da0010592",
      "title": "Cred Swipe Unlock Bg Scale Interaction",
      "url": "https://60fps.design/shots/cred-swipe-unlock-bg-scale-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效",
        "滑动",
        "手势"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a45c38074055746f",
      "title": "Cred Tab Icons Animation",
      "url": "https://60fps.design/shots/cred-tab-icons-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "8ed8d41b30253201",
      "title": "Cred Travel 3D Carousel Swipe Interaction",
      "url": "https://60fps.design/shots/cred-travel-3d-carousel-swipe-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "轮播",
        "轮播图",
        "交互",
        "动效",
        "滑动",
        "手势",
        "三维",
        "3D"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d4492e6b6e8db3ee",
      "title": "Cred Travel Story Swipes",
      "url": "https://60fps.design/shots/cred-travel-story-swipes",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "1d6e2337f539578d",
      "title": "Cred Tyre Slider",
      "url": "https://60fps.design/shots/cred-tyre-slider",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滑块",
        "滑杆"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a16aecf30d6d9be4",
      "title": "Cred Vehicle Policy Card Unstack Interaction",
      "url": "https://60fps.design/shots/cred-vehicle-policy-card-unstack-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d2343e4f99555da8",
      "title": "Cred Verification Animation",
      "url": "https://60fps.design/shots/cred-verification-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bc436c0a55811463",
      "title": "Cred Verifying Documents Loader Animation",
      "url": "https://60fps.design/shots/cred-verifying-documents-loader-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "加载",
        "加载动画",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9af18a7b90ccfc77",
      "title": "Cred Voucher Claim Now Button Tap Interaction",
      "url": "https://60fps.design/shots/cred-voucher-claim-now-button-tap-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "按钮",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3bfe18ee07eba013",
      "title": "Cred Voucher Claimed Tap Interaction",
      "url": "https://60fps.design/shots/cred-voucher-claimed-tap-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7172c2a66b546716",
      "title": "Cred Voucher Icon Pop Translate Animation",
      "url": "https://60fps.design/shots/cred-voucher-icon-pop-translate-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "72563ced9cb2a4bc",
      "title": "Cred Wallet Card Morph",
      "url": "https://60fps.design/shots/cred-wallet-card-morph",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "2b6c037247242e35",
      "title": "Cred Wallet Card To Notes Spin Animation",
      "url": "https://60fps.design/shots/cred-wallet-card-to-notes-spin-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "da12895a6bf610ec",
      "title": "Cred You Won Notes Animation",
      "url": "https://60fps.design/shots/cred-you-won-notes-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d3fa847410684a48",
      "title": "Creme Recipe Preview Minimise",
      "url": "https://60fps.design/shots/creme-recipe-preview-minimise",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "842e8f1fcb54f5fd",
      "title": "Creme Scroll Recipe Steps Morph",
      "url": "https://60fps.design/shots/creme-scroll-recipe-steps-morph",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "滚动"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "a38dadb5106fa1f9",
      "title": "Creme Splash",
      "url": "https://60fps.design/shots/creme-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aa1e8ea3982b6ccd",
      "title": "Crouton Pick Meal Type Menu",
      "url": "https://60fps.design/shots/crouton-pick-meal-type-menu",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "菜单"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5463fd581dada029",
      "title": "Currency Converter App Intro Animation Sequence",
      "url": "https://60fps.design/shots/currency-converter-app-intro-animation-sequence",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "002de44ca53c90ad",
      "title": "Currency Converter Graph Interaction",
      "url": "https://60fps.design/shots/currency-converter-graph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "3fe30dbdcff1e66f",
      "title": "Currency Converter Keyboard Morph Interaction",
      "url": "https://60fps.design/shots/currency-converter-keyboard-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "9984cf22b86d45e0",
      "title": "Currency Converter Select Countries Interaction",
      "url": "https://60fps.design/shots/currency-converter-select-countries-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "选择器",
        "下拉选择",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "eb026d96999de3d8",
      "title": "Currency Graph Animation",
      "url": "https://60fps.design/shots/currency-graph-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d7726bfa97207ed6",
      "title": "Currency Simple Converter Draw Symbol Interaction",
      "url": "https://60fps.design/shots/currency-simple-converter-draw-symbol-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "89bfc2894004f943",
      "title": "Daylights Color Picker",
      "url": "https://60fps.design/shots/daylights-color-picker",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "aaa70820f689fe05",
      "title": "Days Connect Calendar Top Modal",
      "url": "https://60fps.design/shots/days-connect-calendar-top-modal",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "弹窗",
        "对话框",
        "模态框",
        "日历"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "4943c5b40205adf2",
      "title": "Days Custom App Icon Animation",
      "url": "https://60fps.design/shots/days-custom-app-icon-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "e42c7d7e8e64d61c",
      "title": "Days Event Card Morph",
      "url": "https://60fps.design/shots/days-event-card-morph",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "卡片"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7a54499c7a954eec",
      "title": "Days Intro",
      "url": "https://60fps.design/shots/days-intro",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "5d9601033bbd17e7",
      "title": "Days Splash",
      "url": "https://60fps.design/shots/days-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "36b618c7187898a9",
      "title": "Daze Intro Animation",
      "url": "https://60fps.design/shots/daze-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "752194fb19aea4d2",
      "title": "Detail Tab Switch Morph Interaction",
      "url": "https://60fps.design/shots/detail-tab-switch-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "开关",
        "交互",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f904905867f759eb",
      "title": "Dice Splash",
      "url": "https://60fps.design/shots/dice-splash",
      "kind": "实例",
      "direct": true,
      "aliases": [],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "d1acd9b72323b05a",
      "title": "Discord Allow Notifications Hand Tooltip Animation",
      "url": "https://60fps.design/shots/discord-allow-notifications-hand-tooltip-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "提示",
        "气泡",
        "工具提示",
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "bd287a176cf4a2bc",
      "title": "District 2025 Theme Banner Animation",
      "url": "https://60fps.design/shots/district-2025-theme-banner-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "7321b4a954a076e0",
      "title": "District Ask Ai Intro Sheet Animation",
      "url": "https://60fps.design/shots/district-ask-ai-intro-sheet-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "抽屉",
        "面板",
        "动画",
        "动效",
        "AI",
        "人工智能"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "f1bf1b1c975cf296",
      "title": "District Best Seats Feature Intro Animation",
      "url": "https://60fps.design/shots/district-best-seats-feature-intro-animation",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "动画",
        "动效"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    },
    {
      "id": "573fe531057a7a12",
      "title": "District Icon Grid To Tabs Morph Interaction",
      "url": "https://60fps.design/shots/district-icon-grid-to-tabs-morph-interaction",
      "kind": "实例",
      "direct": true,
      "aliases": [
        "标签页",
        "选项卡",
        "网格",
        "交互",
        "动效",
        "图标"
      ],
      "framework": "",
      "source": {
        "kind": "官网站点地图",
        "url": "https://60fps.design/sitemap.xml",
        "date": "2026-10-13"
      }
    }
  ]
}