@dylantarre

web-motion-design applies disney's 12 animation principles to css, javascript, and frontend frameworks with concrete timing guidance, easing curves, and code patterns for building performant micro-interactions and ui motion.

mobile-touch covers gesture animation, haptic feedback, and native motion design across iOS and Android using Disney principles. includes timing budgets, platform-specific code, and easing guidance.

saas-productivity applies disney animation principles to business software, establishing timing standards (100-300ms) and easing patterns for modals, buttons, and drag interactions. focuses on invisible motion that preserves user focus.

fitness-wellness applies disney animation principles to workout and meditation interfaces, providing timing standards and easing curves for achievement celebrations and recovery states.

framer-motion covers disney's 12 animation principles via react declarative api, with code examples for squash/stretch and anticipation but incomplete principle coverage and vague implementation guidance.

motion-designer teaches disney animation principles for visual systems and ui motion, but lacks actionable workflow, tooling guidance, and concrete decision criteria.

micro-interactions applies disney animation principles to small ui feedback moments, but lacks actionable procedure, decision logic, and concrete trigger conditions.

after-effects covers disney's 12 animation principles with partial implementation guidance, mixing code snippets and manual techniques without complete workflow coverage or decision logic.

Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences

Use when creating cinematic sequences, narrative animations, or when applying animation principles to video storytelling and visual narrative.

Use when designing game feel, player feedback systems, or when creating animations that enhance gameplay and player satisfaction.

Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.