Better Lottie

Overview

Better Lottie is built for designers who need precise control over Lottie animations in Framer. Import your own .json files and decide exactly when and how animations start, stop, loop, or replay. Trigger animations on appearance or when a layer enters the viewport, prevent visual jumps when scrolling, and define whether animations run once or every time they come into view. Ideal for polished UI animations, scroll-based interactions, and production-ready motion design.

Features

• Import Lottie animations via .json files

• Control animation start on appear or when the layer enters the viewport

• Option to animate back when leaving the viewport to prevent jumps

• Trigger modes: play once or every time in view

• Toggle looping animations

• Toggle automatic playback on load