Example Gallery

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

Facebook Popular Events

Create simple horizontal scrolling carousel.

Photo Tilt

Use Device Motion to pan across a panoramic image.

Photo Zoom

Animate between two states when the screen is tapped.

All Examples
  • All Examples
  • Community
  • Concepts
  • Data
  • Device
  • Flows
  • Loops
  • Scrolling
  • States

iTunes App Store

Building a list of apps with live data from Apple's iTunes Search API.

Origami Newsletter

Building a newsletter sign up form using text input.

iTunes App Store

Building a list of apps with live data from Apple's iTunes Search API.

Camera Picture in Picture

Drag a live camera stream to different corners of the screen.

Facebook Color Picker

Change the text color in a Facebook Stories post.

Facebook Live Comments

Automatically add comments in a Facebook Live video stream.

Facebook Location Map

Use the Current Location patch with the Map layer to select a location.

Facebook Notifications

Create a series of notifications entirely out of loops.

Facebook Photo Picker

Create a photo picker with the Photo Library API

Facebook Popular Events

Create simple horizontal scrolling carousel.

Fahrenheit to Celsius

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

iMessage Audio Metering Over Time

Animate recorded audio levels over time

Instagram Adjust

Drag to control the Instagram straighten tool.

Instagram Boomerang

Transition between screens and scrolls in Boomerang.

Instagram Compose

Switch between the Instagram upload options.

Instagram Direct Messages

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

iOS Camera

Snap a photo with the Camera Patch replacing the latest photo from the Photo Library patch.

Level Meter

Use Device Motion to check if the device is level.

Messenger Audio Metering

Animating a layer for an audio recording visualization

Messenger Home

Scroll through Messenger conversations.

Messenger Photo View

Animate a photo between conversation and lightbox.

Messenger Search

Use the Text Input Layer to search through a list of friends.

Photo Tilt

Use Device Motion to pan across a panoramic image.

Photo Zoom

Animate between two states when the screen is tapped.

Spotify Artist's Pick

Pinning playlists and more to the Artist Page.

Traffic Light

Transition across three or more states and include logic.

Unsplash Photographs

Request and browse photographs from Unsplash.

Weather Forecast

Request the five day weather forecast for New York.

WhatsApp Photo Filters

Swipe up and explore different photo filters.

WhatsApp QR Scan

Scan a QR Code from the camera or from a saved image.

Community Examples

See what the Origami community is building on Facebook.