Example Gallery

A collection of downloadable prototypes across a wide range of applications and difficulty level.

Facebook Popular Events

Create simple horizontal scrolling carousels.

Moments Onboarding

The original Moments app full onboarding flow.

Photo Zoom

Animate between two states when the screen is tapped.

All Examples
  • All Examples
  • States
  • Scrolling
  • Loops
  • Concepts
  • Flows

Facebook 360 Video

Pan and scrub through a Facebook 360 video.

Facebook Live Comments

Automatically add comments in a Facebook Live video stream.

Facebook New Stories

Trigger a prompt to appear when the News Feed is scrolled a certain distance.

Facebook Notifications

Create a series of notifications entirely out of loops.

Facebook Photos

Build a photo grid out of loops.

Facebook Popular Events

Create simple horizontal scrolling carousels.

Fahrenheit to Celsius

Get to know logic and patches in Origami through temperature conversion.

Instagram Adjust

Drag to control the Instagram straighten tool.

Instagram Boomerang

Transition between screens and scrolls in Boomerang.

Instagram Carousel

Create horizontal scrolling with page indicators.

Instagram Color Picker

Change the text color in an Instagram Stories post.

Instagram Compose

Switch between the Instagram upload options.

Instagram Direct Messages

Send an Instagram direct message to a friend, over and over again.

Instagram Notifications

Switch between notifications with animation.

Instagram Stories Scroll

Tap to switch between read and unread Instagram Stories.

Messenger Home

Scroll through Messenger conversations.

Messenger Photo View

Animate a photo between conversation and lightbox.

Moments Onboarding

The original Moments app full onboarding flow.

Photo Zoom

Animate between two states when the screen is tapped.

Traffic Light

Transition across three or more states and include logic.

Community Examples

See what the Origami community is building on Facebook.