Search Results for "graphics design"

Hero is a library for building iOS view controller transitions. It provides a declarative layer on top of the UIKit’s cumbersome transition APIs—making custom transitions an easy task for developers. Hero is similar to Keynote’s Magic Move. It checks the heroID property on all source and destination views. Every matched view pair is then automatically transitioned from its old state to its new state. Hero can also construct animations for unmatched views. It is easy to define these...

Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable. The app was made in Interface Builder with IBAnimatable without a single line of code. Due to the size of the GIF file on Dribbble, it only demonstrates a subset of features. We can also find the full HD version on YouTube or MP4 on Github. With IBAnimatable, we can design a UI in Interface Builder like what we can do in Sketch, and prototype...

Expanding content cell with animation inspired by folding paper card material design. Create a new cell inheriting from FoldingCell. Add a UIView to your cell in your storyboard or nib file, inheriting from RotatedView. Connect the outlet from this view to the cell property foregroundView. Add constraints from this view to the superview. Connect the outlet from this top constraint to the cell property foregroundViewTop. Add other UIViews to your cell, connect the outlet from this view to the...

FlappySwift is a Swift reimplementation of the famous “Flappy Bird” game, intended as a tutorial or demo to teach game development fundamentals on iOS. The project includes sprite rendering, physics, collision detection, scrolling background, user input (tap to flap), scoring, and game-over logic, all wired together in a simple but playable form. Because the code is real and running, learners can modify gravity, speed, obstacle spacing, or visual assets to see how design decisions impact...

We designed a UI that allows users to switch between list and grid views on the fly and choose the most convenient display type. List view usually provides more details about each user or contact. Grid view allows more users or contacts to appear on the screen at the same time. We created design mockups for both list and grid views using Sketch. As soon as the mockups were ready, we used Principle to create a smooth transition between the two display types. Note that the hamburger menu...