lottie-bodymovin

What problem does it solve?

Provides actionable guidance to apply Disney's 12 animation principles to vector animations exported from After Effects as Lottie (Bodymovin) JSON, enabling more natural, expressive motion in web and app contexts.

Core Features & Use Cases

• Principle-to-Implementation Mapping: Concrete techniques for squash and stretch, anticipation, arcs, timing, follow-through, secondary action, and appeal within After Effects and in exported Lottie runtime.
• Runtime Control & Interactivity: Recipes for segment playback, speed and direction control, frame targeting, and event-driven secondary animations for Lottie and lottie-react integrations.
• Use Case: Turn an After Effects character comp into a lightweight interactive web animation that preserves motion appeal, timing, and responsiveness across devices.

Quick Start

Apply the lottie-bodymovin skill to my After Effects composition to export a Lottie JSON that implements squash and stretch, anticipation, and runtime segment playback for web integration.