Software Alternatives, Accelerators & Startups

Motion One VS LottieFiles Embed

Compare Motion One VS LottieFiles Embed and see what are their differences

Motion One logo Motion One

Motion One is a new animation library by the creator of Framer Motion and Popmotion.

LottieFiles Embed logo LottieFiles Embed

Embed Lottie animations on Notion, Medium, Ghost, and more
  • Motion One Landing page
    Landing page //
    2022-09-23
  • LottieFiles Embed Landing page
    Landing page //
    2023-09-16

Category Popularity

0-100% (relative to Motion One and LottieFiles Embed)
Design Tools
44 44%
56% 56
Animation
53 53%
47% 47
Developer Tools
100 100%
0% 0
Productivity
0 0%
100% 100

User comments

Share your experience with using Motion One and LottieFiles Embed. For example, how are they different and which one is better?
Log in or Post with

Social recommendations and mentions

Based on our record, Motion One should be more popular than LottieFiles Embed. It has been mentiond 14 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.

Motion One mentions (14)

  • Web Animation with GSAP: A Superior Alternative to CSS and JavaScript
    The code quality of GSAP is pretty terrible too. The codebase is prehistoric in terms of best practices, it doesn’t tree-shake well, their package exports are mis-configured, their type definitions are bad or missing, their api’s are wildly bloated making it easy to get lost or write inefficient code, licenses are convoluted, and the performance isn’t great compared to just using CSS, SMIL, or the Web Animation... - Source: Hacker News / 5 months ago
  • Anime.js – A lightweight JavaScript animation library
    Web Animations API isn't blocking IIRC. https://motion.dev/ uses it. - Source: Hacker News / almost 1 year ago
  • Anime.js – A lightweight JavaScript animation library
    Motion One is the non-react version of Framer Motion. https://motion.dev/. - Source: Hacker News / almost 1 year ago
  • Themes built well for dev tinkering/extending
    For instance, all our newer themes ship with Motion, an incredible, lightweight animation library based on WAAPI (https://motion.dev/). Source: about 1 year ago
  • CSS Tips for Better Web Development
    You’re probably gonna need JavaScript for animations as we’ve seen in some of the animation examples. For a clean API and great perf with a small bundle check out Motion One (the vanilla JS equivalent to Reacts Framer-Motion, fun fact: they were written by the same person). - Source: dev.to / over 1 year ago
View more

LottieFiles Embed mentions (6)

  • React Native Animation: Building Play/Pause Controls with Lottie in React Native
    If you don’t have any lottie animation then download it from the lottie website. Here are some free-lottie-animations you can visit. Note you have to download the json of it. - Source: dev.to / about 1 month ago
  • I rewrote the app which i had built to learn Android development almost a year ago in jetpack compose!
    You might already know about but their are free / paid animations that you can download from this website https://lottiefiles.com/featured. Source: over 1 year ago
  • Animated gifs with transparent background?
    If you are open to svg based gifs, it is so much easier. SVG is a far different image technology than bitmap. There are no issues with the ghosted edges and it will be crisp at any size. Because it is actually code and not pixels, you can even change a lot of it after it is made. Go to LottieFiles for a large library of free SVG-based animations or its sister IconScout which is where artists sell their animations.... Source: about 2 years ago
  • Adding Lottie Animations to Your Website
    LottieFiles is an amazing website where you will find tons of free animations created by designers. And we'll be using their animations for our project. Head over to this page where you will find all the amazing animations. Pick any animation. For our purpose, we'll be using this one:. - Source: dev.to / about 2 years ago
  • Lottie – use After Effects animations in web and native apps
    You can find a bunch of examples here: https://lottiefiles.com/featured. - Source: Hacker News / over 2 years ago
View more

What are some alternatives?

When comparing Motion One and LottieFiles Embed, you can also consider the following products

Spirit - The animation tool for the web.

LottieFiles for Figma - Insert Lottie animations as GIFs and SVG's into your designs

Jitter - A simple animation tool on the web

+500 Animated Icons by Lordicon - Animated lottie icons for unforgettable user experience

Motion DevTools - Motion DevTools is a Chrome extension that speeds up your animation design and development.

LottieFiles Mobile App - Test, discover, and share Lottie animations faster