calm-relaxation

Installation
SKILL.md

Calm & Relaxation Animation

Create animations that soothe, settle, and create peaceful user experiences.

Emotional Goal

Calm emerges from slow, gentle, predictable motion. Relaxation comes from animations that breathe, flow naturally, and never demand attention or create tension.

Disney Principles for Calm

Squash & Stretch

Very subtle (2-5%). Gentle breathing or pulsing rather than bouncing. Soft, organic deformation like clouds or water.

Anticipation

Long, gradual preparation (200-400ms). Slow builds create no surprises. Everything telegraphed well in advance.

Staging

Soft focus, ambient positioning. No aggressive attention-grabbing. Elements share space harmoniously without competition.

Installs
263
GitHub Stars
54
First Seen
Jan 24, 2026
calm-relaxation — dylantarre/animation-principles