StackShareStackShare
Follow on
StackShare

Discover and share technology stacks from companies around the world.

Follow on

© 2025 StackShare. All rights reserved.

Product

  • Stacks
  • Tools
  • Feed

Company

  • About
  • Contact

Legal

  • Privacy Policy
  • Terms of Service
  1. Stackups
  2. Business Tools
  3. Prototyping
  4. Mobile Prototyping Interaction Design Tools
  5. Origami vs Principle

Origami vs Principle

OverviewComparisonAlternatives

Overview

Origami
Origami
Stacks45
Followers95
Votes11
Principle
Principle
Stacks78
Followers97
Votes0

Origami vs Principle: What are the differences?

What is Origami? A free design prototyping toolkit for Quartz Composer. 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.

What is Principle? Animate Your Ideas, Design Better Apps. 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.

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

Origami is an open source tool with 3.35K GitHub stars and 466 GitHub forks. Here's a link to Origami's open source repository on GitHub.

Quero Education, NGTI, and Innovaccer Inc are some of the popular companies that use Principle, whereas Origami is used by Facebook, Lemod, and 42X Studio. Principle has a broader approval, being mentioned in 9 company stacks & 4 developers stacks; compared to Origami, which is listed in 5 company stacks and 6 developer stacks.

Share your Stack

Help developers discover the tools you use. Get visibility for your team's tech choices and contribute to the community's knowledge.

View Docs
CLI (Node.js)
or
Manual

Detailed Comparison

Origami
Origami
Principle
Principle

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.

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.

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.
-
Statistics
Stacks
45
Stacks
78
Followers
95
Followers
97
Votes
11
Votes
0
Pros & Cons
Pros
  • 6
    Free
  • 3
    Visualize animations and transitions
  • 2
    The Awesomeness
No community feedback yet

What are some alternatives to Origami, Principle?

Framer

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

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

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

Lottie

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!

Material

Material

Express your creativity with Material, an animation and graphics framework for Google's Material Design and Apple's Flat UI in Swift.

Fuse

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

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

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

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.

Avocado

Avocado

Avocado is an open source interaction design toolbox built by​ IDEO.​ It ​enables designers to make quick interactive prototypes without writing a line of code.​ ​Built on top of Facebook's Origami framework, Avocado provides ready-to-use patches that can be easily combined to create fully-customized prototypes.​ Official announcement: http://labs.ideo.com/2014/05/27/avocado/

Related Comparisons

Postman
Swagger UI

Postman vs Swagger UI

Mapbox
Google Maps

Google Maps vs Mapbox

Mapbox
Leaflet

Leaflet vs Mapbox vs OpenLayers

Twilio SendGrid
Mailgun

Mailgun vs Mandrill vs SendGrid

Runscope
Postman

Paw vs Postman vs Runscope