以前介绍过很多设计灵感的网站，包括UXSnaps、Navbar Gallery、Palette Inspiration、Best Designs on X.com等，这些设计灵感网站都在展示“漂亮的界面截图”，但真正让一个产品显得高级的，往往不是静态界面，而是那些一闪而过的细节：按钮按下后的回弹、卡片展开时的缓动、底部弹窗出现的节奏、加载状态的过渡、删除操作的反馈、空状态页面的小动画、完成任务后的庆祝效果。
看到好的产品设计想截图保存下来研究，结果发现截图根本截不出来。动效是时间的艺术，静态截图丢掉了最重要的那一维，也很难靠文字描述清楚。
60fps.design 是一个专注于 UI/UX 动效、微交互和产品细节的设计灵感库。收集来自优秀 iOS App 和 Web App 的真实交互片段，让设计师、产品经理、前端开发者可以直接观察真实产品中那些“让体验变顺滑”的细节。
60fps.design 官网：https://60fps.design/
60fps.design 指的是每秒 60 帧，是流畅动画常见的标准之一。在产品体验里，“60fps”并不只是一个技术指标，代表的是一种设计目标：顺滑、自然、没有卡顿感。
60fps.design 的核心价值在于真实性 + 专业性 + 极致分类：
- 海量真实案例：目前收录超过 1980 个动画 Shots，来自 467 个顶级应用，还包括 75 个 App 官网、50 个 Storyboards（动画分镜） 和 25 个 Motion 示例。
- 顶级应用出品：你能在这里看到 Apple Music 的专辑艺术图案动画、ChatGPT 的智能选择器长按滑块、Google Chrome 的 IPL 实时比分插画动画、Claude 的空状态吉祥物插画动画等真实产品中的高品质案例。
- 细致的分类标签过滤系统：支持近百个细致分类标签，例如：
按交互动作分类：可以精准搜索 Drag（拖拽）、Long Press（长按）、Swipe（滑动）、Gyroscope（陀螺仪视差）等特定手势的动效表现。
按 UI 元素分类：需要设计一个生动的按钮？直接筛选 Button、Bottom Sheet（底部面板）或 Widget（小组件）。
按视觉风格分类：比如 Liquid Glass（液态玻璃）、Morph（形变）、Confetti（五彩纸屑）等。
当你觉得自己的项目界面有些“干瘪”时，不妨去60fps.design 里逛逛，也许一个微小的动效，就能让你的产品品味上一个档次，焕然一新。
与 60fps.design类似，专注收录真实产品动态效果灵感感库的产品还有：
Spotted in Prod：https://www.spottedinprod.com/
Screensdesign：https://screensdesign.com/
Design Spells：https://designspells.com
其他一些产品灵感类的知名网站虽然主要偏重产品截图，但也有产品动态效果，例如：
Mobbin：https://mobbin.com/
Godly：https://godly.website/
Awwwards：https://www.awwwards.com/
Page Flows：https://pageflows.com/