Lottie vs Material vs Origami
Overview
🔥 Trending in Prototyping on StackShare
Fast, secure file conversion for all documents
Detailed Comparison
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. | Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift. | 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! |
Switch- Toggles between on and off and remembers its current state.;Scroll- Lets you allow the user to scroll an image.;Bouncy Animation- Animate a changing value with a bouncy spring.;Classic Animation- Animate a changing number with a specified duration and easing curve.;Transition- Takes a number in the range of 0 to 1 and converts it to a range starting with Start Value and ending in End Value.;Color Transition- Fades between two colors. | Fully Configurable UI Components;Grid System For Complex UIs;Layout Library To Simplify AutoLayout;Base Material Layers & Material Views To Create New UI Components;Side Navigation View Controller;Navigation Bar View & Controller;Search Bar View;Material Buttons;Material Switch;Material Card Views;Menu Toolset To Create Animated Menus;Camera / Video Extension With Extensive Functionality;Animation Extension To Create Intricate Animations;Complete Material Color Library;Example Projects | - |
Statistics | ||
GitHub Stars - | GitHub Stars 12.0K | GitHub Stars 35.5K |
GitHub Forks - | GitHub Forks 1.3K | GitHub Forks 5.4K |
Stacks 46 | Stacks 94 | Stacks 378 |
Followers 95 | Followers 88 | Followers 338 |
Votes 11 | Votes 3 | Votes 6 |
Pros & Cons | ||
Pros
| Pros
| Pros
|
Integrations | ||
| No integrations available | ||
What are some alternatives to Origami, Material, Lottie?
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.
Supernova
Supernova converts any mobile design to full-fledged native applications, giving the developers extra time to do actual coding. No need to export resources, write navigation, connect it to components created by hand, read styles, apply styles, copy-paste information..
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.
Fuse
It is a set of user experience development tools that unify design, prototyping and implementation of high quality, native apps for iOS and Android.
Flinto
It is a Mac app used by designers around the world to create interactive and animated prototypes of their app designs. It lets designers quickly make interactive prototypes of their mobile, desktop, or web apps.
Fiber
Fiber UI Kit is the perfect starting place for your next project. Each element has been designed to work independently or as one seamless flow. It’s a full-fledged prototype with customizable components.
Pop
Pop is an extensible animation engine for iOS and OS X. In addition to basic static animations, it supports spring and decay dynamic animations, making it useful for building realistic, physics-based interactions. The API allows quick integration with existing Objective-C codebases and enables the animation of any property on any object. It's a mature and well-tested framework that drives all the animations and transitions in Paper.
Penpot
It is an open-source design and prototyping platform meant for cross-domain teams. Non-dependent on operating systems, it is web-based and works with open web standards (SVG). For all and empowered by the community.
Impulse
Create animations that flow naturally from the user's movements. Rather than animating properties for a set amount of time, impulse takes a start position, end position, and velocity.
