Topic: animation
195 skills in this topic.
-
Animation Principles - Absolute Beginner
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation
dylantarre/animation-principles 23
-
Animation Principles - Advanced
Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations
dylantarre/animation-principles 23
-
Animation Principles - Deep Dive
Use when someone needs comprehensive reference material on animation principles with technical depth and extensive context
dylantarre/animation-principles 23
-
Animation Principles - Expert
Use when someone has mastery of animation principles and wants to explore intentional rule-breaking, stylistic innovation, and pushing creative boundaries
dylantarre/animation-principles 23
-
timing-calibration
Use when animation speed feels wrong—too fast, too slow, or inconsistent
dylantarre/animation-principles 23
-
motion-one
Use when implementing Disney's 12 animation principles with Motion One (modern, lightweight animation library)
dylantarre/animation-principles 23
-
emotional-disconnect
Use when animation feels wrong, creates unintended emotional response, or mismatches context
dylantarre/animation-principles 23
-
Animation Principles - Refresher
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
dylantarre/animation-principles 23
-
Animation Principles - Teaching Others
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
dylantarre/animation-principles 23
-
Animation Principles - Troubleshooting
Use when animation feels wrong and you need to diagnose which principle is failing or being misapplied
dylantarre/animation-principles 23
-
excitement-energy
Use when creating animations that generate enthusiasm, build anticipation, or create high-energy experiences.
dylantarre/animation-principles 23
-
slow-in-out-mastery
Use when designing easing curves, controlling motion pacing, creating natural acceleration/deceleration, or making movements feel physically grounded.
dylantarre/animation-principles 23
-
brand-consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
dylantarre/animation-principles 23
-
gsap-greensock
Use when implementing Disney's 12 animation principles with GSAP (GreenSock Animation Platform)
dylantarre/animation-principles 23
-
universal-mindset
Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking styles quite fit the situation.
dylantarre/animation-principles 23
-
timing-mastery
Use when determining how fast or slow motion should be—pacing action sequences, dramatic pauses, comedic beats, or any situation where the duration of movement matters.
dylantarre/animation-principles 23
-
spatial-thinking
Use when animation involves depth, perspective, volume, or three-dimensional awareness—camera moves, character positioning, environmental interaction, or maintaining consistent spatial relationships.
dylantarre/animation-principles 23
-
accessibility-issues
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
dylantarre/animation-principles 23
-
secondary-action-mastery
Use when enriching primary animations, adding supporting details, creating depth in motion, or making scenes feel alive without distracting from main action.
dylantarre/animation-principles 23
-
slow-800-1200ms
Use when building deliberate motion between 800-1200ms - dramatic reveals, loading sequences, storytelling moments where users should pause and absorb
dylantarre/animation-principles 23
-
rhythm-pacing
Use when animation needs musical flow—dance sequences, action choreography, comedic timing, scene pacing, or any motion that should feel rhythmic and well-composed over time.
dylantarre/animation-principles 23
-
framer-motion
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
dylantarre/animation-principles 23
-
calm-relaxation
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
dylantarre/animation-principles 23
-
comfort-safety
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
dylantarre/animation-principles 23