Origami Studio Experiments
These experimental code samples have been created using Origami Studio by Sajid Saiyed ([email protected]) Unless specified, these code samples are open source and free to use as long as you retain the credits in the code.
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.
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.
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.
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 :)
Created this new Demo for Dynamic Card layout with animating progress rings.
This is work in progress file.
