page-transitions
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
Discover Blockchain skills, compare source repositories and read the instructions for each workflow.
Use when implementing route changes, view transitions, modal opens/closes, or navigation animation in web and mobile applications.
Use when implementing Disney's 12 animation principles in Figma prototypes and Smart Animate
Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.
Use when creating any animation type - provides foundational timing, easing, and principle application that applies to all motion in interfaces.
Use when someone needs to explain animation principles to students, mentees, or team members at various skill levels
Use when building small transitions between 200-300ms - modal appearances, card expansions, navigation transitions that users consciously perceive
Use when overseeing animation vision, setting creative direction for motion, or guiding teams on animation quality and consistency.
Use when an experienced animator needs a quick reminder of the 12 principles without basic explanations
Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects
Use when implementing deformation effects, bounce animations, impact responses, or any motion requiring organic elasticity and weight expression.
Use when creating animations that convey strength, authority, or bold confidence in brand and product.
Use when animation causes dizziness, nausea, disorientation, or vestibular discomfort
Use when someone has never heard of animation principles, needs the simplest explanation possible, or is a complete newcomer to animation
Use when you need to achieve any emotional outcome through animation—provides a framework for mapping Disney principles to any target emotion.
Use when animation doesn't work as expected, has bugs, or behaves inconsistently
Use when indicating progress or waiting - spinners, progress bars, skeleton screens, shimmer effects, or any animation showing the system is working.
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Use when creating commercial animations, advertising motion, brand identity animation, logo reveals, or marketing video content.
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
Use when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences
Use when animating navigation bars, menus, sidebars, or wayfinding elements to create smooth, intuitive transitions
Use when someone has strong command of animation principles and seeks deeper understanding of subtle applications, edge cases, and stylistic variations
Use when facing any animation problem as a comprehensive diagnostic framework
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.