Slow 800 1200ms

This is for those rare moments when you want users to actually stop and watch: app launches, feature reveals, achievement unlocks. It covers how to apply Disney animation principles at near-cinematic speeds, with practical easing curves and staggered sequence patterns. The key insight is solid: animations this slow (800-1200ms) demand attention as payment, so only use them when the moment genuinely matters. Includes good warnings about where not to use this, like navigation or repeated interactions. Think of it as the difference between a button press and a curtain rising.

skills.sh installs: 520
GitHub stars: 146
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add dylantarre/animation-principles --skill slow-800-1200ms --agent claude-code

Installs into .claude/skills of the current project.

Files

Slow Animations (800-1200ms)

At 800-1200ms, animation approaches cinematic territory. This is deliberate, intentional motion for moments that matter. Users are expected to stop and watch.

Disney Principles at Slow Speed

Cinematic Application

Squash & Stretch: Pronounced and characterful - 25-35% deformation tells stories. Objects have weight and personality.

Anticipation: Full theatrical wind-up - 200-300ms preparation. The audience knows something is coming.

Staging: Scene composition - think in terms of camera and stage. Clear visual hierarchy with entrance order.

Straight Ahead/Pose to Pose: Pose to pose essential - 4-6 key poses for 1 second of motion.

Follow Through: Extended overlap - different elements settle at clearly different times, 200-300ms of settling.

Slow In/Slow Out: Dramatic curves - strong ease-in creates weight, strong ease-out creates impact.

Arcs: Sweeping curves - motion paths are clearly curved, visible trajectories.

Secondary Action: Complex layering - multiple levels of supporting action enhance primary motion.

Timing: 48-72 frames at 60fps. Near-film quality frame counts.

SKILL.md on GitHub

Details

Repository: github.com/dylantarre/animation-principles
Category: Design & UI/UX
First seen: Jun 3, 2026