Better Lottie
A powerful Lottie component for Framer that gives you full control over playback, triggers, and visibility behavior—far beyond the default Lottie component.
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
