That is my first shot on Dribbble, thanks for @Troy Mcilvena invite.
The app runs in actual iOS device and was made in Interface Builder with IBAnimatable without a single line of code.
With IBAnimatable, we can design UI in Interface Builder like Sketch, and prototype animations in Swift playground like Framer Studio. Also we can use the output of the design directly in the production ready App.
Due to the size limit of the Gif file, it only demonstrates a subset of features. We can also find the full HD version on YouTube (https://www.youtube.com/watch?v=dvD8X6J1YLM)
IBAnimatable is open source on github https://github.com/JakeLin/IBAnimatable and is free to use. Happy interface building with IBAnimatable.
The demo App's original design is from Invision ToDo App UI Kit(http://www.invisionapp.com/do) and redone in Interface Builder. I also added interaction, navigation, transition and animations.
L or F like
Z toggle zoom
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
© 2018 Dribbble. All rights reserved.
A community of designers sharing their work, process, and current projects.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.
Already a member? Sign in