mobile-touch
Disney's 12 animation principles applied to iOS and Android gestures, haptics, and native motion design.
- Covers all 12 principles with mobile-specific implementations: squash & stretch via rubber-banding, anticipation through long-press previews, staging with sheet presentations, and arc-based swipe-to-dismiss curves
- Provides platform-specific code examples for iOS spring animations and Android Material spring physics, plus haptic feedback pairing guidelines
- Establishes timing targets: touch response under 100ms, transitions 250-350ms, and 60fps minimum (120fps on ProMotion displays)
- Emphasizes gesture-driven animation must feel connected to finger input, respect safe areas and notches, and pair haptics with visual feedback for secondary actions
Mobile Touch Animation
Apply Disney's 12 animation principles to mobile gestures, haptics, and native app motion.
Quick Reference
More from dylantarre/animation-principles
video-motion-graphics
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
722motion-designer
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
641micro-interactions
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
487saas-productivity
Use when designing animations for business tools, project management, collaboration software, or productivity apps
318framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
316game-designer
Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.
312