dramatic-2000ms-plus

Installation
SKILL.md

Dramatic Animations (2000ms+)

Beyond 2000ms, animation becomes cinema. These aren't UI transitions - they're short films embedded in your product. Reserve for moments that define your brand.

Disney Principles at Dramatic Scale

Full Cinematic Treatment

Squash & Stretch: Fully animated character - 40%+ deformation for organic, living motion. Physics-defying when needed.

Anticipation: Dramatic tension - 400-600ms build-up. The audience waits with expectation.

Staging: Cinematography - establishing shots, close-ups, reveals. Think in scenes, not states.

Straight Ahead/Pose to Pose: Hybrid approach - pose-to-pose structure with straight-ahead detail passes.

Follow Through: Extended ecosystem - everything continues moving after primary action. World feels alive.

Slow In/Slow Out: Emotional timing - curves match narrative beats. Pause for emphasis.

Installs
240
GitHub Stars
44
First Seen
Jan 24, 2026
dramatic-2000ms-plus — dylantarre/animation-principles