Origami Experiments
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
drag.diamond
Card_Swiper_Origami_Studio.diamond.zip
Dynamic_Cards_and_Graph.zip
Google_Inbox_animation.zip
Instagram_Editor_Redesign.zip
README.md
Slinkin_Demo_Origami_Studio.diamond.zip
colored_Cards.zip

README.md

Origami Studio Demos

Origami Studio Experiments

These experimental code samples have been created using Origami Studio by Sajid Saiyed (sajid.saiyed@gmail.com) Unless specified, these code samples are open source and free to use as long as you retain the credits in the code.

Google Inbox Animation

This is a re-creation of Google Inbox app animation. There is a lot going on in this:

  • The list splits up into two parts, one goes up and one goes down.
  • The additional information panel maskes in.
  • The header image has a parallax effect when dragged up but no parallax while coming down.
  • The additional information page closes if you drag it down to a certain distance and release the touch.

Watch video on youtube

SLINKING DEMO

Instagram Editor (Re-Design)

After experiencing the instagram photo editor for a while, I found that there were a lot of back and forth interactions for very simple controls. I wanted to re-design it so that it is more user friendly and easy to use.

This design is one such attempt to simplify the photo-editor.

Watch the video on youtube

Instagram Photo Editor Re-Design

Slinkin' Park Demo:

This is a recreation of the default sample demo "Slinkin Park". I have re-created this using Origami Studio and you can see that now you need to use only a few connections to create this.

Watch video on youtube

SLINKING DEMO

Card Swipe Demo:

This is a recreation of the default sample demo "Card Swipe". I have re-created this using Origami Studio and you can see that now you need to use only a few connections to create this. Do let me know if you find a better or easier way to re-create this effect. I am learning as I make these demos :)

Watch video on youtube

CARD SWIPE DEMO

Dynamic Cards:

Created this new Demo for Dynamic Card layout with animating progress rings. This is work in progress file. CARD SWIPE DEMO