Bodymovin Plugin After Effects (2025)

Linear and radial gradients in After Effects often render with different color stops or angles in Lottie-iOS vs. Lottie-web due to differing interpretation of gradient matrices.

Bodymovin: Revolutionizing Motion Design Workflows through JSON-Based Rendered Animation bodymovin plugin after effects

// Runtime control animation.play(); animation.setSpeed(0.5); animation.goToAndStop(60, true); A critical understanding for motion designers is that Bodymovin does not support 100% of After Effects . Linear and radial gradients in After Effects often

import lottie from 'lottie-web'; const animation = lottie.loadAnimation( container: document.getElementById('anim-container'), renderer: 'svg', // 'svg', 'canvas', or 'html' loop: true, autoplay: true, path: 'data.json' ); or 'html' loop: true