Lottie to Framer
Lottie to Framer
Learn how to integrate your Lottie export into Framer.
Once you've exported to Lottie from Fable, you can add interactive animations to web or mobile experiences as icons, thumbnails, page backgrounds, page loaders, custom-animated cursors, and much more.
What is Framer?
Framer is a web builder for creative pros that lets you easily go from design to world-class site with live collaboration, responsive layouts, and no code needed.
Adding Lottie to Framer
To add Lottie JSON files to Framer:
Open a new or existing project on the Framer canvas.
Click the
Insert
button in the top navigation to open the Insert PanelPress the
Media
button to find the animation componentsDrag the component onto your canvas, and you’ll see the Lottie component properties show up on the right side of your screen.
Alternatively, you can upload your animation straight to the Framer canvas
Click on the
Upload
option and selectChoose File
.Navigate to the location of your file and select it.
Once you've exported to Lottie from Fable, you can add interactive animations to web or mobile experiences as icons, thumbnails, page backgrounds, page loaders, custom-animated cursors, and much more.
What is Framer?
Framer is a web builder for creative pros that lets you easily go from design to world-class site with live collaboration, responsive layouts, and no code needed.
Adding Lottie to Framer
To add Lottie JSON files to Framer:
Open a new or existing project on the Framer canvas.
Click the
Insert
button in the top navigation to open the Insert PanelPress the
Media
button to find the animation componentsDrag the component onto your canvas, and you’ll see the Lottie component properties show up on the right side of your screen.
Alternatively, you can upload your animation straight to the Framer canvas
Click on the
Upload
option and selectChoose File
.Navigate to the location of your file and select it.
Once you've exported to Lottie from Fable, you can add interactive animations to web or mobile experiences as icons, thumbnails, page backgrounds, page loaders, custom-animated cursors, and much more.
What is Framer?
Framer is a web builder for creative pros that lets you easily go from design to world-class site with live collaboration, responsive layouts, and no code needed.
Adding Lottie to Framer
To add Lottie JSON files to Framer:
Open a new or existing project on the Framer canvas.
Click the
Insert
button in the top navigation to open the Insert PanelPress the
Media
button to find the animation componentsDrag the component onto your canvas, and you’ll see the Lottie component properties show up on the right side of your screen.
Alternatively, you can upload your animation straight to the Framer canvas
Click on the
Upload
option and selectChoose File
.Navigate to the location of your file and select it.
Need help?