60fps.design: A Curated Library of UI Animation Patterns
60fps is a carefully curated repository showcasing UI animation design elements from leading iOS and web applications, categorized by interaction type and motion style. The platform employs specific filter categories such as Watch, 3D, AI, Apple, Assistant, Badge, and Blur, each tailored to particular interface contexts. This classification enables designers to examine how various product teams address similar interaction challenges—illustrating, for instance, a badge animation from a banking application alongside one from a fitness tracker. The library utilizes Gumlet-hosted videos at native frame rates to maintain the original motion quality, avoiding the use of compressed GIFs. Featuring a dark backdrop and a streamlined card layout without editorial notes, 60fps.design transforms the search for micro-interaction examples into a comprehensive indexed resource for motion design.
Key facts
- 60fps is a curated collection of UI animation design details from top iOS and web apps.
- The site organizes animations into filter categories: Watch, 3D, AI, Apple, Assistant, Badge, Blur.
- Each category is scoped to a specific interface context, not a visual style.
- Videos are hosted on Gumlet at native frame rates to preserve quality.
- The site uses a dark background and narrow card layout with no editorial commentary.
- It consolidates micro-interaction examples from Dribbble and personal screen recordings.
- The taxonomy enables comparison of interaction solutions across different product teams.
- The resource is available at 60fps.design.
Entities
Institutions
- Gumlet
- Dribbble
- 60fps.design