Software Alternatives & Reviews

Motion One VS Lottie

Compare Motion One VS Lottie 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.

Lottie logo Lottie

Lottie is an online platform that helps the users in editing and shipping their animations in a few clicks.
  • Motion One Landing page
    Landing page //
    2022-09-23
  • Lottie Landing page
    Landing page //
    2023-09-17

Motion One videos

No Motion One videos yet. You could help us improve this page by suggesting one.

+ Add video

Lottie videos

NEW DRUGSTORE BRAND!! TESTING LOTTIE LONDON COSMETICS | HITS & MISSES! | Casey Holmes

More videos:

  • Review - Lottie Dolls - Doll Review - Beauty Inside A Box
  • Review - TESTING LOTTIE LONDON FRECKLE TINT VS FRECK! FIRST IMPRESSIONS, REVIEW + SIDE BY SIDE COMPARISON!

Category Popularity

0-100% (relative to Motion One and Lottie)
Design Tools
19 19%
81% 81
Animation
16 16%
84% 84
Developer Tools
100 100%
0% 0
Vector Graphic Editor
0 0%
100% 100

User comments

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

Social recommendations and mentions

Based on our record, Lottie should be more popular than Motion One. It has been mentiond 92 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 / 3 months ago
  • Anime.js – A lightweight JavaScript animation library
    Web Animations API isn't blocking IIRC. https://motion.dev/ uses it. - Source: Hacker News / 11 months ago
  • Anime.js – A lightweight JavaScript animation library
    Motion One is the non-react version of Framer Motion. https://motion.dev/. - Source: Hacker News / 11 months 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: 11 months 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 / about 1 year ago
View more

Lottie mentions (92)

  • Ask HN: Who is hiring? (May 2024)
    LottieFiles | https://lottiefiles.com | Full-time | Remote We are looking for 1) a highly skilled Graphics Engineer with a strong foundation in web-based graphics technologies such as Three.js, WebGL, and Canvas API, and 2) Senior Front-end Engineers skilled at building high performance web applications. Come work with us on the LottieFiles Creator, the web-based animation tool aimed at taking full advantage of... - Source: Hacker News / 1 day ago
  • Building Animated Buttons in Flutter with Lottie
    First, we have to find the animation that we are going to use. The best place to find free Lottie animations is LottieFiles. - Source: dev.to / 4 days ago
  • A list of SaaS, PaaS and IaaS offerings that have free tiers of interest to devops and infradev
    LottieFiles - The world’s largest online platform for the world’s most miniature animation format for designers, developers, and more. Access Lottie animation tools and plugins for Android, iOS, and Web. - Source: dev.to / 3 months ago
  • Workflow for creating animated assets
    Lottie is a great starting point and a good tool by itself. It's worth noting that Lottie is both a web technology and a company/tool, so it's worth understanding the difference. Most animation tools can export Lottie files, even if it's not through https://lottiefiles.com/. Source: 5 months ago
  • AE -> Type + Images -> Bodymovin -> Export JSON -> images with links
    I am currently working on enhancing the visual appeal of my website where I can upload JSON files using lootie module. Source: 5 months ago
View more

What are some alternatives?

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

Spirit - The animation tool for the web.

SVGator - Online SVG Animation Creator - No Coding Skills Required

Jitter - A simple animation tool on the web

Lottie by Airbnb - Easily add high-quality animation to any native app

App Animations - Gallery of beautiful iOS animations to inspire your next app

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