Lottie

Add beautiful animations to your site

Overview

LottieFiles is the world’s largest collection of free-to-use animations that can help you add a little extra character to your site. Visit LottieFiles to explore thousands of lightweight, scalable animations created by world-class designers.

How to add Lottie animations to your website
Open a new or existing project on the Framer canvas. Click the Insert button in the top navigation to open the Insert Panel, and find the Lottie component. Drag the component onto your canvas and you’ll see the Lottie component properties show up on the right side of your screen.
Select an animation from LottieFiles, and paste its URL or upload the file into the Source field. You can use any animation as a static image by setting Playing to No, or adjust animation settings to let it loop, change speed or direction, and change the poster appearance.