Origami Studio 3
Learn Examples Patterns Documentation Docs Community
Download Origami Studio
Layers

Bottom Sheet

Present and drag dismiss a bottom sheet

Related Patterns

Disappear

Animate in content and dismiss on timeout

Flip

Use a single axis to rotate

Full

Scrollable list of cards that expand to fullscreen ontouch

Layout

Horizonal, Vertical & Grid layer layouts

List

Collapse a cell on selection

Padding

Use layout padding to resize layers

Pivot

Transition based on pivots and rotations

Position

Present and dismiss a side navigation

Rotation

Use a parent bounds to rotate

Swipe Menu

Horizonal swipe to reveal actions

Related Learn Content

Device Motion

Build prototypes using the accelerometer.

Horizontal Scrolling

Create horizontal paging carousels.

Related Examples

Camera Picture in Picture

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

Facebook Popular Events

Create simple horizontal scrolling carousel.

Instagram Adjust

Drag to control the Instagram straighten tool.

Instagram Compose

Switch between the Instagram upload options.

Level Meter

Use Device Motion to check if the device is level.

Spotify Artist's Pick

Pinning playlists and more to the Artist Page.

WhatsApp Photo Filters

Swipe up and explore different photo filters.

Related Patches

  • Progress
  • Transition
Download Origami Studio Watch Tutorial
  • DOWNLOADS

  • Origami Studio
  • Origami Live Viewer
  • Release Notes
  • RESOURCES

  • Learn
  • Examples
  • Patterns
  • Documentation
  • COMMUNITY

  • Facebook
  • Twitter
  • YouTube

Copyright © Meta. All rights reserved · Terms of Use · Privacy Policy