60fps is a curated collection of UI animation design details from the world's best iOS and web apps, filtered by interaction category and motion pattern.

The site organizes UI animation design into discrete filter categories — Watch, 3D, AI, Apple, Assistant, Badge, Blur — each scoped to a specific interface context rather than a visual style. That taxonomy is the product. A Badge animation pulled from a banking app sits next to one from a fitness tracker; the filter makes the comparison legible. The reference library runs on Gumlet-hosted video at native frame rates, so the UI animation design reads as intended rather than as a compressed GIF approximation. Dark background throughout, narrow card layout, no editorial commentary — the motion speaks without narration.

UI Animation Design as a Reference System

Designers working on micro-interactions typically pull from scattered Dribbble shots or personal screen recordings. 60fps.design consolidates that process into a single indexed resource where UI animation design is the organizing principle, not the aesthetic category. The filter taxonomy makes it possible to study how different product teams solve the same interaction problem — a pattern library for motion, not just a gallery.

See the full collection at 60fps.design.

60fps hero shot — ui animation design by 60fps.designWatch filter ui animation design examples from 60fps.design3D filter ui animation design examples from 60fps.designAI filter ui animation design examples from 60fps.designApple filter ui animation design examples from 60fps.design