Resources
← All resources
InspirationUI/UXVideo
60fps — UI/UX Animation & Interaction Inspiration Library

About this resource

60fps is a curated library of UI/UX animations and micro-interactions captured from real shipping products. Instead of focusing on static screenshots, it collects short recordings that show how transitions, buttons, cards, onboarding flows, loading states, splash screens, navigation and gestures actually behave in motion. The library currently contains more than 2,100 shots from nearly 500 apps. Each example has its own page with the product name, category and interaction/effect tags, while many entries also include a written explanation of how the motion works and how interface elements change over time. One of 60fps' strongest features is its detailed filtering system. References can be explored by gestures such as Drag, Flick, Hold, Long Press, Scroll, Swipe, Tap and Typing; patterns including Carousel, Chat, Loading, Logo, Onboarding, Pricing, Reaction, Splash, Streak and Theme; effects such as Blur, Bounce, Fade, Morph, Parallax, Pulse, Reveal, Spring Physics, Stagger and Zoom; and interface elements including Button, Card, Input, Menu, Progress, Slider, Tabs, Toast, Tooltip and Widget. Beyond the main Shots library, 60fps includes dedicated App Sites, Motion and Storyboards sections. Motion collects animated brand and motion references in bento-style grids, while Storyboards help break interactions into stages so designers can study timing and movement more closely. 60fps is especially useful for UI/UX and product designers, motion designers, frontend developers and product teams. It helps teams study how a specific interaction behaves in a real product and use that behavior as a concrete reference when designing their own motion. The core library is free to explore. PRO unlocks full filtering, the complete shot library, storyboards, motion tags, enhanced search and other features. At the time of review, PRO costs $15 per month or $120 per year. A separate 60fps MCP plan costs $29 per month and lets MCP-compatible tools such as Claude, Cursor, Codex and ChatGPT search references, read motion breakdowns and retrieve starter code for recreating interactions.

Usage and licensing

60fps is intended as a reference library for studying and rebuilding interaction behavior in your own work. App interfaces, brands, logos, copy and assets remain the property of their respective owners. Bulk downloading, mirroring, re-hosting or using the library to create a competing reference product is prohibited.

Check the creator’s current terms before using this resource.

Similar resources