Framer
Framer

131
196
+ 1
25
Lottie
Lottie

151
213
+ 1
4
Add tool

Framer vs Lottie: What are the differences?

Developers describe Framer as "Turn static mockups into prototypes with animation & interaction". Framer is a JavaScript framework that makes creating realistic prototypes a breeze – complete with filters, spring physics and full 3D effects. Framer Generator is a desktop app that imports the resources and folder hierarchy from Photoshop files (Sketch coming soon). Import your design and immediately start to add interaction and animation. On the other hand, Lottie is detailed as "Easily add high-quality animation to any native app (by Airbnb)". Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!.

Framer and Lottie belong to "Mobile Prototyping & Interaction Design Tools" category of the tech stack.

Framer and Lottie are both open source tools. It seems that Lottie with 26K GitHub stars and 4.08K forks on GitHub has more adoption than Framer with 5.45K GitHub stars and 506 GitHub forks.

According to the StackShare community, Framer has a broader approval, being mentioned in 27 company stacks & 12 developers stacks; compared to Lottie, which is listed in 10 company stacks and 14 developer stacks.

Pros of Framer
Pros of Lottie

Sign up to add or upvote prosMake informed product decisions

Sign up to add or upvote consMake informed product decisions

What is Framer?

Framer is a JavaScript framework that makes creating realistic prototypes a breeze – complete with filters, spring physics and full 3D effects. Framer Generator is a desktop app that imports the resources and folder hierarchy from Photoshop files (Sketch coming soon). Import your design and immediately start to add interaction and animation.

What is Lottie?

Lottie is a mobile library for Android and iOS that parses Adobe After Effects animations exported as json with Bodymovin and renders them natively on mobile!
What companies use Framer?
What companies use Lottie?

Sign up to get full access to all the companiesMake informed product decisions

What tools integrate with Framer?
What tools integrate with Lottie?

Sign up to get full access to all the tool integrationsMake informed product decisions

What are some alternatives to Framer and Lottie?
Sketch
Easily create complex shapes with our state-of-the-art vector boolean operations and take advantage of our extensive layer styles.
InVision
InVision lets you create stunningly realistic interactive wireframes and prototypes without compromising your creative vision.
Figma
Figma is the first interface design tool with real-time collaboration. It keeps everyone on the same page. Focus on the work instead of fighting your tools.
Adobe XD
A vector-based tool developed and published by Adobe Inc for designing and prototyping user experience for web and mobile apps.
Origami
Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming.
See all alternatives
Interest over time
News about Framer
More news