Need advice about which tool to choose?Ask the StackShare community!

Lottie

365
334
+ 1
6
Origami

45
93
+ 1
11
Add tool

Lottie vs Origami: What are the differences?

  1. Integration with Platforms: Lottie is mainly designed to work with Adobe After Effects and Bodymovin, allowing for seamless integration of animations from these platforms into mobile apps and websites. On the other hand, Origami is a prototyping tool developed by Facebook for designing interaction prototypes and interfaces directly on mobile devices.

  2. Ease of Use: Lottie provides a simple way to integrate complex animations into apps and websites without requiring extensive coding knowledge. In contrast, Origami offers a more interactive and dynamic platform for rapidly prototyping interactions and user flows, catering to designers and developers.

  3. Compatibility: Lottie has broader compatibility with various platforms, including iOS, Android, and web, ensuring consistent animation playback across different devices. Origami, on the other hand, is more focused on iOS devices, limiting its compatibility compared to Lottie.

  4. Community Support: Lottie has a vast community of developers and designers who actively contribute to the library and provide support, making it easier to troubleshoot issues and find resources. Origami, being a tool developed by Facebook, also has a supportive community but may lack the diversity and breadth of contributions found in the Lottie community.

  5. Animation Complexity: Lottie is well-suited for complex animations with a large number of layers and effects, offering a high level of fidelity and detail in animations. In contrast, Origami is better suited for creating interactive prototypes with simpler animations and transitions, focusing more on usability testing and interaction design.

  6. Workflow Integration: Lottie seamlessly integrates with design tools like Adobe After Effects, enabling designers to create animations directly in familiar software environments. Origami, on the other hand, requires designers to work within the tool itself, which may offer a more streamlined workflow for prototyping but limits the design capabilities compared to dedicated animation software.

In Summary, Lottie and Origami offer distinct approaches to animation and prototyping, with Lottie focusing on seamless integration and complex animations, while Origami specializes in interactive prototyping and interface design.

Get Advice from developers at your company using StackShare Enterprise. Sign up for StackShare Enterprise.
Learn More
Pros of Lottie
Pros of Origami
  • 3
    Is free
  • 2
    Multi platform
  • 1
    Open source
  • 6
    Free
  • 3
    Visualize animations and transitions
  • 2
    The Awesomeness

Sign up to add or upvote prosMake informed product decisions

- No public GitHub repository available -

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 is 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.

Need advice about which tool to choose?Ask the StackShare community!

What companies use Lottie?
What companies use Origami?
See which teams inside your own company are using Lottie or Origami.
Sign up for StackShare EnterpriseLearn More

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

What tools integrate with Lottie?
What tools integrate with Origami?
    No integrations found

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

    What are some alternatives to Lottie and Origami?
    GreenSock
    It is a JavaScript library for creating high-performance animations that work in every major browser. It delivers advanced sequencing, reliability, API efficiency, and tight control while solving real-world problems. It works around countless browser inconsistencies.
    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.
    ProtoPie
    It is the easiest tool used to turn your UI/UX design ideas into highly interactive prototypes for mobile, desktop, web, all the way to IoT. ProtoPie runs on macOS & Windows and the player app is on iOS and Android.
    Material
    Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.
    Principle
    It makes it easy to design animated and interactive user interfaces. Whether you're designing the flow of a multi-screen app, or new interactions and animations, it helps you create designs that look and feel amazing.
    See all alternatives