60fps (UI/UX Animation Inspiration)

Overview

60fps Design is a premier UI/UX animation gallery and interaction design directory dedicated to uncovering delightful micro-details across the world's finest mobile and web applications. Curated for over 115,000 product designers and creative engineers, 60fps captures the subtle physics, spring curves, pull-to-refresh interactions, and seamless screen transitions that define five-star software craftsmanship.

Key Features

• 🎬 Micro-Interaction Screen Recordings: High-frame-rate, uncompressed video breakdowns of fluid navigation transitions, gesture physics, loading spinners, and interactive buttons.
• 📱 Best-in-Class App Deconstructions: Deep-dive interaction studies featuring industry benchmarks like Apple, Linear, Airbnb, Arc Browser, Notion, and boutique indie apps.
• 🏷️ Granular Interaction Tagging: Filter animations by patterns (Sheet expansion, Drag-to-dismiss, Tab transitions, Haptic feedback) and platforms (iOS, Web, macOS).
• 💡 Interactive Storyboards & Snippets: Learn the easing parameters, spring stiffness, and damping ratios required to reproduce silky 60fps animations in code.

Curated Animation Patterns

Featured Interaction Blueprints:
• Fluid Navigation & Modals: Gesture-driven sheet expansions & rubber-band dismissals
• Tactile Micro-Interactions: Haptic toggles, bouncy like buttons, stateful badges
• Spatial & Dynamic Island UI: Contextual Live Activities, dynamic morphing pills

Why Explore 60fps?

• Product Designers & Motion Designers: The ultimate visual swipe file for brainstorming high-polish transitions, pitch prototypes, and design-system motion guidelines.
• Frontend & Mobile Engineers: Understand the exact animation timing, frame pacing, and spatial curves necessary to bridge the gap between Figma mockups and production apps.