{"id":15038671,"url":"https://github.com/frgallah/mastertransitions","last_synced_at":"2025-04-10T00:02:26.120Z","repository":{"id":62447621,"uuid":"87762065","full_name":"Frgallah/MasterTransitions","owner":"Frgallah","description":"Interactive transition library for tabbar, navigation and modal view controller. iOS only.","archived":false,"fork":false,"pushed_at":"2021-10-28T19:49:25.000Z","size":19137,"stargazers_count":24,"open_issues_count":1,"forks_count":6,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-10T00:01:26.904Z","etag":null,"topics":["animation","custom-transitions","interface-builder","ios","ios10","navigation","navigation-controller","storyboard","swift","swift3","tabbarcontroller","transition-animation","translation","uicomponent","uikit","uinavigationcontroller","uitabbarcontroller","uiviewcontroller"],"latest_commit_sha":null,"homepage":"","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Frgallah.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-04-10T03:21:57.000Z","updated_at":"2024-02-28T08:03:37.000Z","dependencies_parsed_at":"2022-11-01T23:46:48.380Z","dependency_job_id":null,"html_url":"https://github.com/Frgallah/MasterTransitions","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frgallah%2FMasterTransitions","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frgallah%2FMasterTransitions/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frgallah%2FMasterTransitions/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Frgallah%2FMasterTransitions/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Frgallah","download_url":"https://codeload.github.com/Frgallah/MasterTransitions/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248131322,"owners_count":21052819,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animation","custom-transitions","interface-builder","ios","ios10","navigation","navigation-controller","storyboard","swift","swift3","tabbarcontroller","transition-animation","translation","uicomponent","uikit","uinavigationcontroller","uitabbarcontroller","uiviewcontroller"],"created_at":"2024-09-24T20:39:37.268Z","updated_at":"2025-04-10T00:02:26.081Z","avatar_url":"https://github.com/Frgallah.png","language":"Swift","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/507810b2/Documentation/Images/MTHeader.png\" width=\"890\" alt=\"Transition\"/\u003e\n\u003c/div\u003e\n\n\n# MasterTransitions\n\n[![CI Status](https://img.shields.io/travis/rust-lang/rust.svg)](https://github.com/Frgallah/MasterTransitions)\n[![Platform](https://img.shields.io/badge/Platform-iOS-blue.svg)](http://cocoapods.org/pods/MasterTransitions)\n[![Language](https://img.shields.io/badge/Language-Swift%203.0-orange.svg)](http://cocoapods.org/pods/MasterTransitions)\n[![Xcode](https://img.shields.io/badge/Xcode-8.2%2B-blue.svg)](http://cocoapods.org/pods/MasterTransitions)\n[![Version](https://img.shields.io/cocoapods/v/MasterTransitions.svg?style=flat)](http://cocoapods.org/pods/MasterTransitions)\n[![License](https://img.shields.io/dub/l/vibe-d.svg)](http://cocoapods.org/pods/MasterTransitions)\n\n\n## Introduction\n\n**MasterTransitions** is a library that contains a collection of custom transitions for view controller. It allows you to create a custom transition with just a few lines of code, making the process of creating custom transitions easy and painless for developers.\n\n## Requirements\n\n- iOS 12.0+\n- Xcode 12+\n- Swift 5\n\n## Installation\n\n### [CocoaPods](http://cocoapods.org). \n\nTo install it, simply add the following lines to your Podfile:\n\n```ruby\nuse_frameworks!\npod \"MasterTransitions\"\n```\n### Manually\n\nCopy `Sources` folder to your Xcode project.\n\n## Usage \n\nHow to use MasterTransitions to create a custom transition:\n\n### Navigation and TabBar Controller\n\n\n\n#### Code\n \nIn the root view controller or the first view controller:\n1. Get a reference to your Navigation or TabBar Controller\n2. Create a Navigation or TabBar Controller delegate using Navigation or TabBar Controller, transition type and is Interactive as parameters.\n3. Optional: in your delegate object\n   - set the transition duration\n   - set the transition direction\n4. Your Done!\n\nNavigation Controller\n```swift\n// In the root view  controller\noverride func viewDidLoad() {\nsuper.viewDidLoad()\n// 1-  Get a reference to your Navigation Controller\nguard let navigationController = self.navigationController else {\nreturn\n}\n// 2- Create a Navigation Controller delegate with :\nlet navigationControllerDelegate = NavigationControllerDelegate.init(navigationController: navigationController, transitionType: .Puzzle1, isInteractive: true)\n// 3- Optional: in your delegate object\n//     - set the transition duration\n//     - set the transition direction\nnavigationControllerDelegate.duration = 1.4\nnavigationControllerDelegate.transitionSubType = .LeftToRight\n}\n```\nTabBar Controller\n```swift\n// In the first view  controller\noverride func viewDidLoad() {\nsuper.viewDidLoad()\n// 1-  Get a reference to your TabBar Controller\nguard let tabBarController = self.tabBarController else {\nreturn\n}\n// 2- Create a tabBar Controller delegate with :\nlet tabBarControllerDelegate = TabBarControllerDelegate.init(tabBarController: tabBarController, transitionType: .Puzzle1, isInteractive: true)\n// 3- Optional: in your delegate object\n//     - set the transition duration\n//     - set the transition direction\ntabBarControllerDelegate.duration = 1.4\ntabBarControllerDelegate.transitionSubType = .LeftToRight\n}\n```\n\n\n#### Interface Builder\n\nif you are using the storyboard only:\n\n1. Drag an Object from the Object Library to your:\n\nnavigation controller scene\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/object.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/navigationObject.png\"/\u003e\n\u003c/div\u003e\n\nor\n\ntabBar controller scene\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/object.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/tabBarObject.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n2. In the Custom Class Inspector of the object set its class to:\n\nNavigationControllerDelegate \n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/2b463931/Documentation/Images/naviCustomClass.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/navigationDelegate.png\"/\u003e\n\u003c/div\u003e\n\nor\n\nTabBarControllerDelegate\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/2b463931/Documentation/Images/tabCustomClass.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/tabBarDelegate.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n3. control-drag from the delegate object to:\n\nthe navigation controller and set the outlet to navigationController\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/naviDrag1.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/naviDrag2.png\"/\u003e\n\u003c/div\u003e\n\n\nor \n\nthe tabBar controller and set the outlet to tabBarController\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/tabDrag1.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/tabDrag2.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n4. Optional:\n   In the Attributes Inspector of the delegate object\n     - set the Type as transition type\n     - set the Sub Type as transition direction\n     - set the Duration as transition durtion\n     - set Is Interactive\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/naviDelegateAtt.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/tabDelegateAtt.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n### Modal Controller\n\n#### In code\n\nIn the source or presenting view  controller:\n1. Create or get a reference to your destination controller\n2. set the modal Presentation Style of your destination controller to full screen\n3. Create a Modal Controller delegate using the destination controller and a transition type as parameters.\n4. Optional:\n- make the transition interactive\n- set the transition duration\n- set the transition direction\n5. Your Done!\n\n```swift\n// In the source or presenting view  controller:\n@IBAction func presentViewControllerModally(_ sender: Any) {\n// 1- Create your destination Controller\nguard let destinationController = storyboard?.instantiateViewController(withIdentifier: \"desVC\") as? DestinationViewController else { return }\n/* \nor get a reference to your destination controller if you are using prepare for segue function\n\nlet destinationController = segue.destination\n\n*/\n\n// 2- set the modal Presentation Style of your destination controller to full screen\ndestinationController.modalPresentationStyle = .fullScreen\n// 3- Create a Modal Controller delegate using the destination controller and a transition type as parameters.\nlet controllerDelegate = ModalControllerDelegate.init(destinationController: destinationController, transitionType: .Door2)\n// 4- Optional:\n// - make the transition interactive\n// supply a pan gesture if the destination controller view already has a one, if not do not warry about it, the Modal Controller Delegate will create one for you. \ncontrollerDelegate.addInteractiveToDestinationController(panGesture: nil)\n// - set the transition duration\ncontrollerDelegate.duration = 2\n// - set the transition direction\ncontrollerDelegate.transitionSubType = .RightToLeft\n// - present the destination controller modally\npresent(destinationController, animated: true, completion: nil)\n}\n```\n#### In Interface Builder\n\nif you using the storyboard only:\n\n1. In the Attributes Inspector of the destination controller set Presentation to Full Screen\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/destinFullScreen.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n2. Drag an Object from the Object Library to the destination controller scene\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/object.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/destinationObject.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n3. In the Custom Class Inspector of the object set its class to ModalControllerDelegate \n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/2b463931/Documentation/Images/modalCustomClass.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/destinationDelegate.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n4. control-drag from the delegate object to the destination controller and set the outlet to destinationController\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/destinationDrag1.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/destinationDrag2.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n5. Optional:\nIn the Attributes Inspector of the delegate object\n- set the Type as transition type\n- set the Sub Type as transition direction\n- set the Duration as transition durtion\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/modalDelegateAtt.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n6. Drag a Pan Gesture Recognizer from the Object Library to the destination controller view.\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/panGesture.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/modalPanGesture.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n7. In the Attributes Inspector of the Pan Gesture Recognizer set the Minimum and Maximum Touches to 1\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/panMinMax.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n8. control-drag from the delegate object to the Pan Gesture Recognizer and set the outlet to panGestureForDismissal\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/modalPanDrag1.png\"/\u003e  \u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/713d5e96/Documentation/Images/modalPanDrag2.png\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\n## Example\n\nTo run the example project, clone the repo, and run `pod install` from the Example directory first.\n\n## Author\n\nfrgallah, frgallah@outlook.com\n\n## Transitions\n\n### Available Transitions\n\n**1. Push 2**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/push2.gif\"  width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**2. Pull 1**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/pull1.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**3. Swing Door**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/swingDoor.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**4. Door 2**\n\nTransition's Directions as Transition SubType\n\n\u003e - Horizontal\n\u003e - Vertical\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/door2.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**5. Door 3**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/door3.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**6. Door 4**\n\nTransition's Directions as Transition SubType\n\n\u003e - Horizontal\n\u003e - Vertical\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/door4.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**7. Door 5**\n\nTransition's Directions as Transition SubType\n\n\u003e - Horizontal\n\u003e - Vertical\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/door5.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**8. Folder 1**\n\nTransition's Directions as Transition SubType\n\n\u003e - Horizontal\n\u003e - Vertical\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/folder1.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**9. Book 1**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/book1.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**10. Cube 1**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/cube1.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**11. Cube 2**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/cube2.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**12. Cube 3**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/cube3.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**13. Blinds 1**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/blinds1.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**14. Blinds 2**\n\nTransition's Directions as Transition SubType\n\n\u003e - RightToLeft\n\u003e - LeftToRight\n\u003e - BottomToTop\n\u003e - TopToBottom\n\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/blinds2.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n**15. Puzzle 1**\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/Gifs/puzzle1.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n### Coming soon\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more1.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more2.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more3.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more4.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more5.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more6.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more7.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more8.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more9.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more10.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more11.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more12.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more13.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more14.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more15.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\u003cdiv\u003e\n\u003cimg src=\"https://cdn.rawgit.com/Frgallah/MasterTransitions/a6e2bfa1/Documentation/MoreGifs/more16.gif\" width=\"200\"/\u003e\n\u003c/div\u003e\n\n----------\n\n\n## License\n\nMasterTransitions is available under the MIT license. See the LICENSE file for more info.\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrgallah%2Fmastertransitions","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffrgallah%2Fmastertransitions","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffrgallah%2Fmastertransitions/lists"}