├── .DS_Store ├── .gitignore ├── Animation ├── actionsheet.md ├── alert.md ├── button.md ├── card.md ├── cluster.md ├── dropdown.md ├── framework.md ├── gallery.md ├── graph.md ├── label.md ├── layout.md ├── menu.md ├── message.md ├── onboarding.md ├── page-control.md ├── permission.md ├── photo_browser.md ├── popup.md ├── posts.md ├── progress.md ├── pull-to-refresh.md ├── rating.md ├── search.md ├── slider.md ├── splash.md ├── switch.md ├── tabbar.md ├── tableview.md ├── textfield.md ├── tooltip.md ├── transition.md ├── ui.md └── view.md ├── LICENSE ├── README.md └── Screenshots └── Banner.png /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onmyway133/awesome-ios-animation/2732018eb39323910feaa7f9035e4bd337285da7/.DS_Store -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Xcode 2 | # 3 | build/ 4 | *.pbxuser 5 | !default.pbxuser 6 | *.mode1v3 7 | !default.mode1v3 8 | *.mode2v3 9 | !default.mode2v3 10 | *.perspectivev3 11 | !default.perspectivev3 12 | xcuserdata 13 | *.xccheckout 14 | *.moved-aside 15 | DerivedData 16 | *.hmap 17 | *.ipa 18 | *.xcuserstate 19 | 20 | # CocoaPods 21 | # 22 | # We recommend against adding the Pods directory to your .gitignore. However 23 | # you should judge for yourself, the pros and cons are mentioned at: 24 | # http://guides.cocoapods.org/using/using-cocoapods.html#should-i-ignore-the-pods-directory-in-source-control 25 | # 26 | # Pods/ 27 | 28 | # Carthage 29 | # 30 | # Add this line if you want to avoid checking in source code from Carthage dependencies. 31 | # Carthage/Checkouts 32 | 33 | Carthage/Build 34 | -------------------------------------------------------------------------------- /Animation/actionsheet.md: -------------------------------------------------------------------------------- 1 | [KPActionSheet](https://github.com/khuong291/KPActionSheet) 2 | -- 3 | > A replacement of default action sheet, but has very simple usage. 4 | 5 | ![](https://github.com/khuong291/KPActionSheet/blob/master/KPActionSheet.gif) 6 | 7 | [AHKActionSheet](https://github.com/fastred/AHKActionSheet) 8 | -- 9 | > An alternative to the UIActionSheet inspired by the Spotify app. 10 | 11 | ![](https://raw.githubusercontent.com/fastred/AHKActionSheet/master/example.gif) 12 | 13 | [BouncyView](https://github.com/fastred/BouncyView) 14 | -- 15 | > Action Sheet animation based on Skype's iOS app. 16 | 17 | ![](https://raw.githubusercontent.com/fastred/BouncyView/master/demo.gif) 18 | 19 | [XLActionController](https://github.com/xmartlabs/XLActionController) 20 | -- 21 | > Fully customizable and extensible action sheet controller written in Swift 2 22 | 23 | ![](https://github.com/xmartlabs/XLActionController/raw/master/Media/demo_spotify.gif) 24 | 25 | [HalfModalPresentationController](https://github.com/martinnormark/HalfModalPresentationController) 26 | -- 27 | > Modal presentation that takes up half the screen. Swipe down to dismiss. 28 | blah 29 | ![](https://raw.githubusercontent.com/martinnormark/HalfModalPresentationController/master/assets/half-modal-presentation.gif) 30 | 31 | [BulletinBoard](https://github.com/alexaubry/BulletinBoard) 32 | -- 33 | > Generate and Display Bottom Card Interfaces on iOS 34 | 35 | ![](https://raw.githubusercontent.com/alexaubry/BulletinBoard/master/.assets/demo_screenshots.png) 36 | 37 | [Mandoline](https://github.com/blueapron/Mandoline) 38 | -- 39 | > An iOS picker view to serve all your "picking" needs 40 | 41 | ![](https://github.com/blueapron/Mandoline/raw/master/Mandoline/Assets/rescheduler.gif) 42 | 43 | [Sheet](https://github.com/ParkGwangBeom/Sheet) 44 | -- 45 | > SHEET helps you easily create a wide variety of action sheets with navigation features used in the Flipboard App 46 | 47 | ![](https://github.com/ParkGwangBeom/Sheet/blob/master/README/example.gif) 48 | -------------------------------------------------------------------------------- /Animation/alert.md: -------------------------------------------------------------------------------- 1 | Alert 2 | == 3 | 4 | [PMAlertController](https://github.com/Codeido/PMAlertController) 5 | -- 6 | > PMAlertController is a great and customizable substitute to UIAlertController 7 | 8 | ![](https://raw.githubusercontent.com/Codeido/PMAlertController/master/preview_pmalertacontroller.jpg) 9 | 10 | 11 | [KRAlertController](https://github.com/krimpedance/KRAlertController) 12 | -- 13 | > KRAlertController is a beautiful and easy-to-use alert controller for your iOS written by Swift 2. 14 | 15 | ![](https://github.com/krimpedance/KRAlertController/blob/master/Images/styles.png) 16 | 17 | ## [Alerts-Pickers](https://github.com/dillidon/Alerts-Pickers) 18 | > Advanced usage of UIAlertController with TextField, DatePicker, PickerView, TableView and CollectionView. 19 | 20 | ![](https://github.com/dillidon/Alerts-Pickers/raw/master/Assets/gifs/actionSheet-.gif) 21 | -------------------------------------------------------------------------------- /Animation/button.md: -------------------------------------------------------------------------------- 1 | [hamburger-button](https://github.com/robb/hamburger-button) 2 | -- 3 | > A hamburger button transition 4 | 5 | ![](https://d13yacurqjgara.cloudfront.net/users/107759/screenshots/1623679/menu.gif) 6 | 7 | [DOFavoriteButton](https://github.com/okmr-d/DOFavoriteButton) 8 | -- 9 | > Cute Animated Button written in Swift. 10 | 11 | ![](https://raw.githubusercontent.com/okmr-d/okmr-d.github.io/master/img/DOFavoriteButton/demo.gif) 12 | 13 | [WCLShineButton](https://github.com/631106979/WCLShineButton) 14 | -- 15 | > This is a UI lib for iOS. Effects like shining. 16 | 17 | ![](https://github.com/631106979/WCLShineButton/raw/master/DemoGif.gif) 18 | 19 | [TransitionButton](https://github.com/AladinWay/TransitionButton) 20 | -- 21 | > UIButton sublass for loading and transition animation. 22 | 23 | ![](https://camo.githubusercontent.com/522141a47cc93405d5cde41237a497c18ed8d872/68747470733a2f2f63646e2e6472696262626c652e636f6d2f75736572732f36323331392f73637265656e73686f74732f313934353539332f73686f742e676966) 24 | 25 | [ZFRippleButton](https://github.com/zoonooz/ZFRippleButton) 26 | -- 27 | > Custom UIButton effect inspired by Google Material Design 28 | 29 | ![](https://github.com/zoonooz/ZFRippleButton/raw/master/Screenshot/colored-button.gif) 30 | 31 | [LiquidFloatingActionButton](https://github.com/yoavlt/LiquidFloatingActionButton) 32 | -- 33 | > Material Design Floating Action Button in liquid state 34 | 35 | ![](https://github.com/yoavlt/LiquidFloatingActionButton/raw/master/Demo/top.gif?raw=true) 36 | 37 | ## [LGButton](https://github.com/loregr/LGButton) 38 | > A fully customisable subclass of the native UIControl which allows you to create beautiful buttons without writing any line of code. 39 | 40 | ![](https://github.com/loregr/LGButton/raw/develop/media/preview_btn.png) 41 | 42 | ## [PMSuperButton](https://github.com/pmusolino/PMSuperButton) 43 | 44 | > PMSuperButton is a powerful UIButton coming from the countryside, but with super powers! 45 | 46 | ![](https://github.com/pmusolino/PMSuperButton/raw/master/docs/checkbox_button.gif?raw=true) 47 | 48 | ## [loady](https://github.com/farshadjahanmanesh/loady) 49 | > fully customizable loading button with 9 different styles 50 | 51 | ![](https://github.com/farshadjahanmanesh/loady/raw/master/examples/_gif.gif) 52 | 53 | ## [QBIndicatorButton](https://github.com/sjc-bui/QBIndicatorButton) 54 | > Simple way to display activity indicator inside the button and more custom 55 | 56 | ![](https://raw.githubusercontent.com/sjc-bui/QBIndicatorButton/master/Example/Screenshots/QBIndicatorButton.gif) 57 | -------------------------------------------------------------------------------- /Animation/card.md: -------------------------------------------------------------------------------- 1 | [Poi](https://github.com/HideakiTouhara/Poi) 2 | -- 3 | > Poi makes you use card UI like tinder UI .You can use it like tableview method. 4 | 5 | ![](https://github.com/HideakiTouhara/Poi/blob/resources/Resources/sample_demo.gif) 6 | 7 | [MDCSwipeToChoose](https://github.com/modocache/MDCSwipeToChoose) 8 | -- 9 | > Swipe to "like" or "dislike" any view, just like Tinder.app. Build a flashcard app, a photo viewer, and more, in minutes, not hours! 10 | 11 | ![](https://camo.githubusercontent.com/07a54fcf8ab7a955c22e58168178a91f800eecb8/687474703a2f2f636c2e6c792f696d6167652f304d316a314a3045307333472f4d44435377697065546f43686f6f73652d76302e322e302e676966) 12 | 13 | [Koloda](https://github.com/Yalantis/Koloda) 14 | -- 15 | > KolodaView is a class designed to simplify the implementation of Tinder like cards on iOS 16 | 17 | ![](https://github.com/Yalantis/Koloda/raw/master/Koloda_v1_example_animation.gif) 18 | 19 | [ZLSwipeableViewSwift](https://github.com/zhxnlai/ZLSwipeableViewSwift) 20 | -- 21 | > A simple view for building card like interface like Tinder and Potluck. 22 | 23 | ![](https://github.com/zhxnlai/ZLSwipeableViewSwift/raw/master/Previews/animation.gif) 24 | 25 | [TinderSimpleSwipeCards](https://github.com/cwRichardKim/TinderSimpleSwipeCards) 26 | -- 27 | > the basics of a Tinder-like swipeable cards interface 28 | 29 | ![](https://camo.githubusercontent.com/5092b3141585a9de02bf8a19d28bd8f70e156754/687474703a2f2f696d6775722e636f6d2f346259773132652e676966) 30 | 31 | [DynamicCard](https://github.com/onmyway133/dynamiccard) 32 | -- 33 | > Create effect like this http://www.nimbletank.com/news/tweets using UIKit Dynamics 34 | 35 | ![](https://camo.githubusercontent.com/5469fa83b70158d1446318ffec34fa69bc8bbd76/687474703a2f2f6f6936312e74696e797069632e636f6d2f323133353370682e6a7067) 36 | 37 | [CardAnimation](https://github.com/seedante/CardAnimation) 38 | -- 39 | > Multi card flip animation by pan gesture. 40 | 41 | ![](https://camo.githubusercontent.com/6036f276ae5018ae37a71fd16575fee8dbf449de/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f33323339392f73637265656e73686f74732f313236353438372f6174746163686d656e74732f3137333534352f7365637265742d70726f6a6563742d616e696d6174696f6e5f32782e676966) 42 | 43 | 44 | [MXCardLayout](https://github.com/zqpmaster/MXCardLayout) 45 | -- 46 | > MXCardLayout reproduces the behavior seen in iOS9's multitasking switcher. 47 | 48 | ![](https://github.com/zqpmaster/MXCardLayout/blob/master/MXCardLayout.gif?raw=true)) 49 | 50 | [CardSlider](https://github.com/saoudrizwan/CardSlider) 51 | -- 52 | > Innovative twist to Tinder cards for iOS. 53 | 54 | ![](https://cloud.githubusercontent.com/assets/7799382/23379940/ba3b91fa-fced-11e6-9639-ff50538a99d9.gif) 55 | -------------------------------------------------------------------------------- /Animation/cluster.md: -------------------------------------------------------------------------------- 1 | Map Cluster 2 | == 3 | 4 | [Cluster](https://github.com/efremidze/Cluster) 5 | -- 6 | > Easy Map Annotation Clustering 📍 7 | 8 | ![](https://raw.githubusercontent.com/efremidze/Cluster/master/Images/demo.gif) 9 | -------------------------------------------------------------------------------- /Animation/dropdown.md: -------------------------------------------------------------------------------- 1 | Dropdown 2 | == 3 | 4 | [IGLDropDownMenu](https://github.com/bestwnh/IGLDropDownMenu) 5 | -- 6 | > An iOS drop down menu with pretty animation and easy to customize 7 | 8 | ![](https://raw.githubusercontent.com/bestwnh/IGLDropDownMenu/master/Screens/IGLDropDownMenuDemo.gif) 9 | 10 | [REMenu](https://github.com/romaonthego/REMenu) 11 | -- 12 | > Dropdown menu inspired by Vine. 13 | 14 | ![](https://github.com/romaonthego/REMenu/raw/master/Demo.gif) 15 | 16 | ## [Dropdown](https://github.com/hyperoslo/Dropdown) 17 | > Dropdown in Swift 18 | 19 | ![](https://github.com/hyperoslo/Dropdown/raw/master/Screenshots/dropdown.gif) 20 | -------------------------------------------------------------------------------- /Animation/framework.md: -------------------------------------------------------------------------------- 1 | Framework 2 | == 3 | 4 | - [pop](https://github.com/facebook/pop) An extensible iOS and OS X animation library, useful for physics-based interactions. :star: 5 | - [Wave](https://github.com/onmyway133/Wave) Declarative chainable animations in Swift :star: 6 | - [Spring](https://github.com/MengTo/Spring) A library to simplify iOS animations in Swift 7 | - [EasyAnimation](https://github.com/icanzilb/EasyAnimation) A Swift library to take the power of UIView.animateWithDuration(_:, animations:...) to a whole new level - layers, springs, chain-able animations and mixing view and layer animations together! 8 | - [RazzleDazzle](https://github.com/IFTTT/RazzleDazzle) A simple keyframe-based animation framework for iOS, written in Swift. Perfect for scrolling app intros 9 | - [Shapes](https://github.com/DenHeadless/Shapes) Framework for drawing and animating shaped views on iOS 10 | - [JHChainableAnimations](https://github.com/jhurray/JHChainableAnimations) Easy to read and write chainable animations in Objective-C 11 | - [SwiftSVG](https://github.com/mchoe/SwiftSVG) A single pass SVG parser with multiple interface options 12 | - [Stellar](https://github.com/AugustRush/Stellar) A fantastic Physical animation library for swift 13 | - [JDAnimationKit](https://github.com/JellyDevelopment/JDAnimationKit) Animate easy and with less code with Swift 14 | - [Advance](https://github.com/storehouse/Advance) A powerful animation framework for iOS, tvOS, and OS X. :star: 15 | - [MotionMachine](https://github.com/poetmountain/MotionMachine) A powerful, elegant, and modular animation library for Swift. 16 | - [Keyframes](https://github.com/facebookincubator/Keyframes) A library for converting Adobe AE shape based animations to a data format and play it back on Android and iOS devices. :rocket: 17 | - [Material](https://github.com/CosmicMind/Material) Material is an animation and graphics framework that is used to create beautiful applications 18 | - [Hero](https://github.com/lkzhao/Hero) Elegant transition library for iOS, written in Swift. 19 | - [lottie-ios](https://github.com/airbnb/lottie-ios) An iOS library to natively render After Effects vector animations http://airbnb.design/lottie/ http://www.lottiefiles.com/ :rocket::rocket::rocket::rocket::rocket: 20 | - [Motion](https://github.com/CosmicMind/Motion) Seamless animation and transition in Swift 21 | - [spruce-ios](https://github.com/willowtreeapps/spruce-ios) Swift library for choreographing animations on the screen. 22 | - [Dance](https://github.com/saoudrizwan/Dance) A radical & elegant animation library for iOS. 23 | - [material-motion-swift](https://github.com/material-motion/material-motion-swift) Reactive motion for iOS. 24 | - [YetAnotherAnimationLibrary](https://github.com/lkzhao/YetAnotherAnimationLibrary) Designed for gesture-driven animations. Fast, simple, & extensible! 25 | - [TweenKit](https://github.com/SteveBarnegren/TweenKit) Animation library for iOS in Swift 26 | - [YapAnimator](https://github.com/yapstudios/YapAnimator) Your fast and friendly physics-based animation system. 27 | - [ViewAnimator](https://github.com/marcosgriselli/ViewAnimator) ViewAnimator brings your UI to life with just one line 28 | - [Ease](https://github.com/roberthein/Ease) Animate everything with Ease 29 | - [Popsicle](https://github.com/DavdRoman/Popsicle) Delightful, extensible Swift value interpolation framework 30 | - [swiftTweener](https://github.com/alexrvarela/swiftTweener) Animation engine for iOs written in pure Swift :star: 31 | - [swift-numeric-springing](https://github.com/LactoseGK/swift-numeric-springing) Numeric springing library 32 | - [Wave](https://github.com/jtrivedi/Wave) Wave is a spring-based animation engine for iOS that makes it easy to create fluid, interruptible animations that feel great. 33 | 34 | ## Resources 35 | 36 | - [Use Animations](https://useanimations.com/) Animated icons in Lottie Framework and After Effects for immediate implementation to your apps or websites. 37 | -------------------------------------------------------------------------------- /Animation/gallery.md: -------------------------------------------------------------------------------- 1 | [PaperFoldGallery](https://github.com/honcheng/PaperFoldGallery) 2 | -- 3 | > PaperFoldGallery for iOS 4 | 5 | ![](https://github.com/honcheng/PaperFoldGallery/raw/master/Screenshots/demo.gif) 6 | 7 | [iCarousel](https://github.com/nicklockwood/iCarousel) 8 | -- 9 | > A simple, highly customisable, data-driven 3D carousel for iOS and Mac OS 10 | 11 | ![](https://camo.githubusercontent.com/c38b1769ed40e5a7b8afa0526e6b2a8d941ee722/687474703a2f2f672e7265636f726469742e636f2f5a374473716a6a4259332e676966) 12 | 13 | [Gemini](https://github.com/shoheiyokoyama/Gemini) 14 | -- 15 | > Gemini is rich scroll based animation framework for iOS, written in Swift. 16 | 17 | ![](https://github.com/shoheiyokoyama/Assets/raw/master/Gemini/circle-horizontal.gif) 18 | -------------------------------------------------------------------------------- /Animation/graph.md: -------------------------------------------------------------------------------- 1 | Animation / Graph 2 | == 3 | 4 | [Scrollable-GraphView](https://github.com/philackm/Scrollable-GraphView) 5 | -- 6 | > An adaptive scrollable graph view for iOS to visualise simple discrete datasets. Written in Swift. 7 | 8 | ![](https://github.com/philackm/Scrollable-GraphView/raw/master/readme_images/init_anim_high_fps.gif) 9 | 10 | ## [SwiftUICharts](https://github.com/mecid/SwiftUICharts) 11 | > A simple line and bar charting library that supports accessibility written using SwiftUI. 12 | 13 | ![](https://github.com/mecid/SwiftUICharts/raw/main/screenshots.png) 14 | -------------------------------------------------------------------------------- /Animation/label.md: -------------------------------------------------------------------------------- 1 | [ZCAnimatedLabel](https://github.com/overboming/ZCAnimatedLabel) 2 | -- 3 | > UILabel replacement with fine-grain appear/disappear animation 4 | 5 | ![](https://camo.githubusercontent.com/96095320002c92104f5f289df902e18f11910bd5/687474703a2f2f7a697070792e6766796361742e636f6d2f4c696d69746564576967676c794765726d616e73686570686572642e676966) 6 | 7 | [TOMSMorphingLabel](https://github.com/tomknig/TOMSMorphingLabel) 8 | -- 9 | > Configurable morphing transitions between text values of a label. 10 | 11 | ![](https://github.com/tomknig/TOMSMorphingLabel/raw/master/demo.gif) 12 | 13 | [Preloader.Ophiuchus](https://github.com/Yalantis/Preloader.Ophiuchus) 14 | -- 15 | > Custom Label to apply animations on whole text or letters 16 | 17 | ![](https://raw.githubusercontent.com/Yalantis/Ophiuchus/master/Example/Ophiuchus/Resources/yalantistwodirections.gif) 18 | 19 | [RQShineLabel](https://github.com/zipme/RQShineLabel) 20 | -- 21 | > Secret app like text animation 22 | 23 | ![](https://raw.githubusercontent.com/zipme/RQShineLabel/master/Screenshots/rqshinelabel.gif) 24 | 25 | [GlitchLabel](https://github.com/kciter/GlitchLabel) 26 | -- 27 | > G..lit...c...hing UILa..bel fo..r iO...S 28 | 29 | ![](https://github.com/kciter/GlitchLabel/raw/master/Images/preview.gif) 30 | 31 | [ActiveLabel.swift](https://github.com/optonaut/ActiveLabel.swift) 32 | -- 33 | > UILabel drop-in replacement supporting Hashtags (#), Mentions (@) and URLs (http://) written in Swift 34 | 35 | ![](https://github.com/optonaut/ActiveLabel.swift/raw/master/ActiveLabelDemo/demo.gif) 36 | 37 | [CountdownLabel](https://github.com/suzuki-0000/CountdownLabel) 38 | -- 39 | > Simple countdown UILabel with morphing animation, and some useful function. 40 | 41 | ![](https://github.com/suzuki-0000/CountdownLabel/raw/master/Screenshots/example01.gif) 42 | 43 | [LTMorphingLabel](https://github.com/lexrus/LTMorphingLabel) 44 | -- 45 | > Graceful morphing effects for UILabel written in Swift. 46 | 47 | ![](https://cloud.githubusercontent.com/assets/219689/3594949/815cd3e8-0caa-11e4-9738-278a9c959478.gif) 48 | 49 | [MarqueeLabel](https://github.com/cbpowell/MarqueeLabel) 50 | -- 51 | > A drop-in replacement for UILabel, which automatically adds a scrolling marquee effect when the label's text will not fit inside the specified frame. 52 | 53 | ![](https://raw.githubusercontent.com/cbpowell/MarqueeLabel/master/Metadata/MarqueeLabelDemo.gif) 54 | 55 | ## [GhostTypewriter](https://github.com/wibosco/GhostTypewriter) 56 | > A UILabel subclass that adds a typewriting animation effect 57 | 58 | ![](https://github.com/wibosco/GhostTypewriter/raw/master/typingAnimation.gif) 59 | 60 | ## [UICountingLabel](https://github.com/dataxpress/UICountingLabel) 61 | > Adds animated counting support to UILabel. 62 | 63 | ![](https://github.com/dataxpress/UICountingLabel/raw/master/demo.gif) 64 | 65 | -------------------------------------------------------------------------------- /Animation/layout.md: -------------------------------------------------------------------------------- 1 | [CSStickyHeaderFlowLayout](https://github.com/jamztang/CSStickyHeaderFlowLayout) 2 | -- 3 | > UICollectionView replacement of UITableView. Do even more like Parallax Header, Sticky Section Header. Made for iOS 7 4 | 5 | ![](https://camo.githubusercontent.com/3aab9bc8e28dcde1a0fcd92eeac9d5ccf2507368/687474703a2f2f662e636c2e6c792f6974656d732f30353133307332723058316a3178314e3051336e2f73706f746966792d34382d31362d68616c662e676966) 6 | 7 | [MosaicLayout](https://github.com/betzerra/MosaicLayout) 8 | -- 9 | > MosaicLayout using UICollectionViews 10 | 11 | ![](https://camo.githubusercontent.com/05e958af928b0dcec951b57764eb1fdbf4f119e9/687474703a2f2f7777772e6265747a657272612e636f6d2e61722f77702d636f6e74656e742f75706c6f6164732f323031332f30322f50686f746f2d4665622d31372d362d32392d31342d504d2e706e67) 12 | 13 | [RAReorderableLayout](https://github.com/ra1028/RAReorderableLayout) 14 | -- 15 | > A UICollectionView layout whitch can move item with drag and drop. 16 | 17 | ![](https://github.com/ra1028/RAReorderableLayout/raw/master/Assets/animation.gif) 18 | 19 | [CHTCollectionViewWaterfallLayout](https://github.com/chiahsien/CHTCollectionViewWaterfallLayout) 20 | -- 21 | > The waterfall (i.e., Pinterest-like) layout for UICollectionView. 22 | 23 | ![](https://cloud.githubusercontent.com/assets/474/3419095/25b4de9e-fe56-11e3-9b98-690319d736ce.png) 24 | 25 | [AnimatedCollectionViewLayout](https://github.com/KelvinJin/AnimatedCollectionViewLayout) :rocket: 26 | -- 27 | > A UICollectionViewLayout subclass that adds custom transitions/animations to the UICollectionView without effecting your existing code. 28 | 29 | ![](https://camo.githubusercontent.com/c705b49cacffff94683ce416259063bd5227f5e4/687474703a2f2f692e696d6775722e636f6d2f6c4c6f6f5851372e676966) 30 | 31 | [CPCollectionViewKit](https://github.com/ParsifalC/CPCollectionViewKit) 32 | -- 33 | > Interesting UICollectionView layouts and transitions 34 | 35 | ![](https://github.com/ParsifalC/CPCollectionViewKit/raw/master/Demos/CPCollectionViewTransitionDemo/TransitionFlowAndStage.gif?raw=true) 36 | 37 | [gliding-collection](https://github.com/Ramotion/gliding-collection) 38 | -- 39 | > Gliding Collection is a smooth, flowing, customizable decision for a UICollectionView Swift Controller 40 | 41 | ![](https://github.com/Ramotion/gliding-collection/raw/master/assets/preview.gif) 42 | 43 | [BouncyLayout](https://github.com/roberthein/BouncyLayout) 44 | -- 45 | > Make. It. Bounce. 46 | 47 | ![](https://github.com/roberthein/BouncyLayout/raw/master/art/gifs/photos.gif) 48 | 49 | [SpreadsheetView](https://github.com/kishikawakatsumi/SpreadsheetView) 50 | -- 51 | > Full configurable spreadsheet view user interfaces for iOS applications. 52 | 53 | ![](https://github.com/kishikawakatsumi/SpreadsheetView/raw/master/Resources/DailySchedule_landscape.png) 54 | 55 | [VegaScroll](https://github.com/AppliKeySolutions/VegaScroll) 56 | -- 57 | > VegaScroll is a lightweight animation flowlayout 58 | 59 | ![](https://camo.githubusercontent.com/bb984a34320d944ccf561857995c90629f5037a0/68747470733a2f2f662e666c6f636b75736572636f6e74656e74322e636f6d2f646334323539613135303438303136333139393038353836) 60 | 61 | ## [GravitySlider](https://github.com/ApplikeySolutions/GravitySlider) 62 | > GravitySlider is a beautiful alternative to the standard UICollectionView flow layout. 63 | 64 | ![](https://camo.githubusercontent.com/06e01a298d7440af750a80284da9bf98584a9a036d173a2e37980ae37c8b34bd/68747470733a2f2f662e666c6f636b75736572636f6e74656e74322e636f6d2f353434626562663135303736343632333334613663306637) 65 | -------------------------------------------------------------------------------- /Animation/menu.md: -------------------------------------------------------------------------------- 1 | [Context-Menu.iOS](https://github.com/Yalantis/Context-Menu.iOS) 2 | -- 3 | You can easily add awesome animated context menu to your app 4 | ![](https://camo.githubusercontent.com/46c15734b552ce3afefa7efd1518909046b4677e/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f3132353035362f73637265656e73686f74732f313738353237342f39396d696c65732d70726f66696c652d6c696768745f312d312d342e676966) 5 | 6 | [KYGooeyMenu](https://github.com/KittenYang/KYGooeyMenu) 7 | -- 8 | > A not bad gooey effects menu. 9 | 10 | ![](https://github.com/KittenYang/KYGooeyMenu/raw/master/dribble_demo.gif) 11 | 12 | [Side-Menu.iOS](https://github.com/Yalantis/Side-Menu.iOS) 13 | -- 14 | > Animated side menu with customizable UI 15 | 16 | ![](https://camo.githubusercontent.com/cb6caa7a392d01d46bca9d9485c01fc173f55fac/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f3132353035362f73637265656e73686f74732f313638393932322f6576656e74732d6d656e755f312d312d362e676966) 17 | 18 | [GuillotineMenu](https://github.com/Yalantis/GuillotineMenu) 19 | -- 20 | > Our Guillotine Menu Transitioning Animation implemented in Swift reminds a bit of a notorious killing machine. 21 | 22 | ![](https://camo.githubusercontent.com/10639e803a90fadd751d3683c497c449e2a48339/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f3439353739322f73637265656e73686f74732f323031383234392f64726166745f30362e676966) 23 | 24 | [Persei](https://github.com/Yalantis/Persei) 25 | -- 26 | > Animated top menu for UITableView / UICollectionView / UIScrollView written in Swift 27 | 28 | ![](https://github.com/Yalantis/Persei/raw/master/Assets/animation.gif) 29 | 30 | [RESideMenu](https://github.com/romaonthego/RESideMenu) 31 | -- 32 | > iOS 7/8 style side menu with parallax effect. 33 | 34 | ![](https://raw.githubusercontent.com/romaonthego/RESideMenu/master/Demo.gif?2) 35 | 36 | [PopMenu](https://github.com/xhzengAIB/PopMenu) 37 | -- 38 | > PopMenu is pop animation menu inspired by Sina weibo / NetEase app. 39 | 40 | ![](https://github.com/xhzengAIB/LearnEnglish/raw/master/Screenshots/XHSinaMenuViewExample.gif) 41 | 42 | [AwesomeMenu](https://github.com/levey/AwesomeMenu) 43 | -- 44 | > Path 2.0 menu using CoreAnimation :) 45 | 46 | [cariocamenu](https://github.com/arn00s/cariocamenu) 47 | -- 48 | > The fastest zero-tap iOS menu. 49 | 50 | ![](https://raw.githubusercontent.com/arn00s/cariocamenu/master/cariocamenu.gif) 51 | 52 | [FlowingMenu](https://github.com/yannickl/FlowingMenu) 53 | -- 54 | > Interactive view transition to display menus with flowing and bouncing effects in Swift 55 | 56 | ![](https://camo.githubusercontent.com/59f8644f915299e0e80c09948d3db8efd8c9beae/687474703a2f2f79616e6e69636b6c6f72696f742e636f6d2f7265736f75726365732f666c6f77696e676d656e752e676966) 57 | 58 | [circle-menu](https://github.com/Ramotion/circle-menu) 59 | -- 60 | > CircleMenu is a simple, elegant menu with a circular layout. 61 | 62 | ![](https://github.com/Ramotion/circle-menu/raw/master/preview.gif) 63 | 64 | [Menu](https://github.com/TwoLivesLeft/Menu) 65 | -- 66 | > The iOS Menu Codea 67 | 68 | ![](https://camo.githubusercontent.com/2b472d44a26b03ca566a822ff6e0f5636edadcd1/68747470733a2f2f636f6465612e696f2f6d656469612f6d656e752e706e67) 69 | 70 | ## [PopMenu](https://github.com/CaliCastle/PopMenu) 71 | > A fully customizable popup style menu for iOS 72 | 73 | ![](https://raw.githubusercontent.com/CaliCastle/PopMenu/master/.assets/Demo_Showcase.gif) 74 | 75 | ## [gmenu](https://github.com/amirdew/gmenu) 76 | > A redesigned menu for Gmail iOS app, implemented using SwiftUI 77 | 78 | ![](https://camo.githubusercontent.com/4eba287d7501661cfb3e9c57a58d517b57e9e46c/68747470733a2f2f616d69722e6170702f676d656e752f707265766965772d6461726b2e676966) 79 | 80 | ## [fan-menu](https://github.com/exyte/fan-menu) 81 | > Menu with a circular layout based on Macaw 82 | 83 | ![](https://raw.githubusercontent.com/exyte/fan-menu/master/demo.gif) 84 | -------------------------------------------------------------------------------- /Animation/message.md: -------------------------------------------------------------------------------- 1 | Message 2 | == 3 | 4 | [SwiftMessages](https://github.com/SwiftKickMobile/SwiftMessages) 5 | -- 6 | > A very flexible message bar for iOS written in Swift. 7 | 8 | ![](https://github.com/SwiftKickMobile/SwiftMessages/raw/master/Demo/demo.png) 9 | 10 | ## [QBToast](https://github.com/sjc-bui/QBToast) 11 | > Simple way to display Toast message in iOS app with a single line of code. 12 | 13 | 14 | -------------------------------------------------------------------------------- /Animation/onboarding.md: -------------------------------------------------------------------------------- 1 | Onboarding 2 | == 3 | 4 | [Instructions](https://github.com/ephread/Instructions) 5 | -- 6 | > Create walthroughs and coach mark tours in a simple way. 7 | 8 | ![](https://camo.githubusercontent.com/072ef03302b2ba16605c71f8e5e7a19bb700e149/687474703a2f2f692e696d6775722e636f6d2f4a556c514839462e676966) 9 | 10 | [RazzleDazzle](https://github.com/IFTTT/RazzleDazzle) 11 | -- 12 | > A simple keyframe-based animation framework for iOS, written in Swift. Perfect for scrolling app intros. 13 | 14 | ![](https://github.com/IFTTT/RazzleDazzle/raw/master/Example/Docs/razzledazzle-demo.gif) 15 | 16 | [KDIntroView](https://github.com/likedan/KDIntroView) 17 | -- 18 | > 19 | 20 | ![](https://github.com/likedan/KDIntroView/raw/master/Imgs/showup.gif) 21 | 22 | [Presentation](https://github.com/hyperoslo/Presentation) 23 | -- 24 | > Presentation helps you to make tutorials, release notes and animated pages 25 | 26 | ![](https://raw.githubusercontent.com/hyperoslo/Presentation/master/Example/Parallax/Images/Parallax-v2.gif) 27 | 28 | [Onboard](https://github.com/mamaral/Onboard) 29 | -- 30 | > An iOS framework to easily create a beautiful and engaging onboarding experience with only a few lines of code. 31 | 32 | ![](https://github.com/mamaral/Onboard/raw/master/Screenshots/city.gif) 33 | 34 | [GHWalkThrough](https://github.com/GnosisHub/GHWalkThrough) 35 | -- 36 | > A UICollectionView backed drop-in component for introduction views 37 | 38 | ![](https://github.com/GnosisHub/GHWalkThrough/raw/master/wthorizontal.gif) 39 | 40 | [paper-onboarding](https://github.com/Ramotion/paper-onboarding) 41 | -- 42 | > PaperOnboarding is a material design slider 43 | 44 | ![](https://github.com/Ramotion/paper-onboarding/raw/master/preview.gif) 45 | 46 | [OnboardingKit](https://github.com/Athlee/OnboardingKit) 47 | -- 48 | > A simple and interactive framework for making iOS onboarding experience easy and fun! 49 | 50 | ![](https://raw.githubusercontent.com/Athlee/OnboardingKit/master/Assets/onboardingdemox1.png) 51 | -------------------------------------------------------------------------------- /Animation/page-control.md: -------------------------------------------------------------------------------- 1 | [TKRubberIndicator](https://github.com/TBXark/TKRubberIndicator) 2 | -- 3 | > Rubber Indicator in Swift http://tbxark.github.io 4 | 5 | ![](https://camo.githubusercontent.com/2ea6152b06aa5f9ca21ab7ff0a83830f73f48fbe/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f3330333233342f73637265656e73686f74732f323039303830332f70616765696e64696361746f722e676966) 6 | 7 | [KYAnimatedPageControl](https://github.com/KittenYang/KYAnimatedPageControl) 8 | -- 9 | > A custom UIPageControl with multiple animations 10 | 11 | ![](https://github.com/KittenYang/KYAnimatedPageControl/raw/master/gooeyCircle.gif) 12 | 13 | [CHIPageControl](https://github.com/ChiliLabs/CHIPageControl) 14 | -- 15 | > A set of cool animated page controls written in Swift to replace boring UIPageControl. 16 | 17 | ![](https://github.com/ChiliLabs/CHIPageControl/raw/master/Images/demo.gif) 18 | 19 | [FlexiblePageControl](https://github.com/shima11/FlexiblePageControl) 20 | -- 21 | > A flexible UIPageControl like Instagram. 22 | 23 | ![](https://github.com/shima11/FlexiblePageControl/raw/master/demo.gif) 24 | 25 | [AdvancedPageControl](https://github.com/mohn93/AdvancedPageControl) 26 | -- 27 | > A simple yet powerful page control indicator animations library for IOS. 28 | 29 | ![](https://github.com/mohn93/AdvancedPageControl/raw/master/Example/advanced-page-control-demo.gif) 30 | -------------------------------------------------------------------------------- /Animation/permission.md: -------------------------------------------------------------------------------- 1 | Permission 2 | == 3 | 4 | [RequestPermission](https://github.com/IvanVorobei/RequestPermission) 5 | -- 6 | > simple permission request with beautiful UI 7 | 8 | ![](https://raw.githubusercontent.com/IvanVorobei/RequestPermission/master/resources/request-permission%20-%20mockup_preview.gif) 9 | -------------------------------------------------------------------------------- /Animation/photo_browser.md: -------------------------------------------------------------------------------- 1 | Image Picker / Photo Browser 2 | == 3 | 4 | [Fusuma](https://github.com/ytakzk/Fusuma) 5 | -- 6 | > Instagram-like photo browser and a camera feature with a few line of code in Swift. 7 | 8 | 9 | ![](https://raw.githubusercontent.com/wiki/ytakzk/Fusuma/images/fusuma.gif) 10 | 11 | [ImagePicker](https://github.com/hyperoslo/ImagePicker) 12 | -- 13 | > Reinventing the way ImagePicker works 14 | 15 | ![](https://github.com/hyperoslo/ImagePicker/raw/master/Resources/ImagePickerPresentation.png) 16 | -------------------------------------------------------------------------------- /Animation/popup.md: -------------------------------------------------------------------------------- 1 | [CNPPopupController](https://github.com/carsonperrotti/CNPPopupController) 2 | -- 3 | > CNPPopupController is a simple and versatile class for presenting a custom popup in a variety of fashions. It includes a many options for controlling how your popup appears and behaves. 4 | 5 | ![](https://raw.githubusercontent.com/carsonperrotti/CNPPopupController/master/CNPPopupControllerExample/CNPPopupController.gif) 6 | 7 | [KLCPopup](https://github.com/jmascia/KLCPopup) 8 | -- 9 | > A simple and flexible class for presenting custom views as a popup in iOS. 10 | 11 | ![](https://camo.githubusercontent.com/fa55b0b8650bb99023a3aee5c1fa891a01832b57/687474703a2f2f692e696d6775722e636f6d2f42456d524762352e676966) 12 | 13 | ## [PopMenu](https://github.com/CaliCastle/PopMenu) 14 | > A fully customizable popup style menu for iOS 15 | 16 | ![](https://raw.githubusercontent.com/CaliCastle/PopMenu/master/.assets/Demo_Showcase.gif) 17 | -------------------------------------------------------------------------------- /Animation/posts.md: -------------------------------------------------------------------------------- 1 | Posts 2 | == 3 | 4 | - [7 Types of Animations for Your Mobile App](https://yalantis.com/blog/-seven-types-of-animations-for-mobile-apps/) 5 | - [Design Details](http://www.brianlovin.com/design-details/) 6 | - [Interface Animation. The Force of Motion](http://tubikstudio.com/interface-animation-the-force-of-motion/) 7 | - [Eat. Drink. Track. How We Created Eat Fit iOS Animation Inspired by Google Fit](https://yalantis.com/blog/eat-drink-track-how-we-created-eat-fit-animation-inspired-by-google-fit/) 8 | - [A-GUIDE-TO-iOS-ANIMATION](https://github.com/KittenYang/A-GUIDE-TO-iOS-ANIMATION) 9 | - [Advanced Graphics with Core Animation](https://realm.io/news/tryswift-tim-oliver-advanced-graphics-with-core-animation/) 10 | - [CATransaction in Depth](http://calayer.com/core-animation/2016/05/17/catransaction-in-depth.html) 11 | - [Animations Explained](https://www.objc.io/issues/12-animations/animations-explained/) :star: 12 | - [Controlling Animation Timing](http://ronnqvi.st/controlling-animation-timing/) :star: 13 | - [Building Better iOS App Animations](https://medium.com/swiftkickmobile/building-better-ios-app-animations-swift-uiviewpropertyanimator-ca05728b1fa4) 14 | - [Building Fluid Interfaces](https://medium.com/@nathangitter/building-fluid-interfaces-ios-swift-9732bb934bf5) :star::star: 15 | - [Demystifying UIKit Spring Animations](https://medium.com/ios-os-x-development/demystifying-uikit-spring-animations-2bb868446773) 16 | - [Reverse-Engineering the iPhone X Home Indicator Color](https://medium.freecodecamp.org/reverse-engineering-the-iphone-x-home-indicator-color-a4c112f84d34) 17 | - [How to build a nice Hamburger Button transition in Swift](http://robb.is/working-on/a-hamburger-button-transition/) 18 | - [Youtube play button animation using POP](http://iostuts.io/2015/09/29/youtube-play-button-animation-using-pop/) 19 | - [How to Create a Complex Loading Animation in Swift](https://www.raywenderlich.com/102590/how-to-create-a-complex-loading-animation-in-swift) 20 | - [Elastic view animation using UIBezierPath](https://medium.com/@gontovnik/elastic-view-animation-or-how-i-built-dgelasticpulltorefresh-269a3ba8636e) 21 | - [Design Teardown: Stretchy Headers](http://blog.matthewcheok.com/design-teardown-stretchy-headers/) 22 | - [How To Create an Uber Splash Screen](https://www.raywenderlich.com/133224/how-to-create-an-uber-splash-screen) 23 | - [Case Study: Toonie. Coding UI Animation](https://uxplanet.org/case-study-toonie-coding-ui-animation-68a10323ec0a#.jnyzotgwq) 24 | - [Recreating Skype's Action Sheet Animation](http://holko.pl/2014/06/26/recreating-skypes-action-sheet-animation/) 25 | - [Recreating the Castro 2 Night Mode Transition](http://ndersson.me/post/recreating_the_castro_2_night_mode_transition/) 26 | - [Animating Pie Slices using a custom CALayer](https://blog.pixelingene.com/2012/02/animating-pie-slices-using-a-custom-calayer/) 27 | - [Building a declarative animation framework in Swift](https://www.swiftbysundell.com/posts/building-a-declarative-animation-framework-in-swift-part-1) 28 | - [iOS Bubble Animation Tutorial](http://www.jackrabbitmobile.com/design/ios-bubble-animation-tutorial/) 29 | - [Elastic interactive transition using UIBezierPath](http://yannickloriot.com/2015/12/elastic-interactive-transition-using-uibezierpath/) 30 | - [UIScrollView's Inertia, Bouncing and Rubber-Banding with UIKit Dynamics](http://holko.pl/2014/07/06/inertia-bouncing-rubber-banding-uikit-dynamics/) 31 | - [LayerPlayer](https://github.com/scotteg/LayerPlayer) Layer Player explores the capabilities of Apple's Core Animation API 32 | - [Bring Your App To Life with CALayers](https://realm.io/news/altconf-stephen-barnes-bring-your-app-to-life-calayer/) 33 | - [The iOS Menu](https://codea.io/blog/the-ios-menu/) 34 | - [Building Better iOS App Animations](http://www.swiftkickmobile.com/building-better-app-animations-swift-uiviewpropertyanimator/) :rocket: 35 | - [Advanced Animations with UIViewPropertyAnimator](https://www.appcoda.com/interactive-animation-uiviewpropertyanimator/) :star: 36 | - [Implementing a Peel-Off Animation](https://robb.is/working-on/a-peel-off-animation) 37 | - [Animated UILabel with CADisplayLink](https://medium.com/@duwei199714/animated-uilabel-with-cadisplaylink-9a761d693ca5) 38 | 39 | ## Videos 40 | 41 | - [Designing Fluid Interfaces](https://developer.apple.com/videos/play/wwdc2018/803/) WWDC 2018 42 | 43 | ## Repos 44 | 45 | - [FluidInterfacesSwiftUI](https://github.com/FradSer/FluidInterfacesSwiftUI) 46 | - [purposeful-ios-animations](https://github.com/GetStream/purposeful-ios-animations) ⭐ 47 | 48 | Books 49 | == 50 | 51 | - [iOS Animations by Tutorials](https://www.raywenderlich.com/store/ios-animations-by-tutorials) 52 | - [iOS Core Animation: Advanced Techniques](https://www.amazon.com/iOS-Core-Animation-Advanced-Techniques-ebook/dp/B00EHJCORC) 53 | 54 | Design 55 | == 56 | 57 | - [The ultimate guide to proper use of animation in UX](https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9) 58 | 59 | Showcase 60 | == 61 | 62 | - [Animations in iOS: 30 beautiful examples](https://medium.com/flawless-app-stories/animations-in-ios-30-beautiful-examples-80cb2663c559) 63 | - [Animations in iOS: Tab Bar concepts](https://medium.com/flawless-app-stories/animations-in-ios-tab-bar-concepts-e1fd73ddac67) 64 | 65 | Advanced 66 | == 67 | 68 | - [Alpha Compositing](https://ciechanow.ski/alpha-compositing/) 69 | 70 | # SwiftUI 71 | 72 | - [Custom controls in SwiftUI](https://izakpavel.github.io/development/2019/11/28/creating-custom-views-in-swiftui.html) 73 | - [Advanced SwiftUI Animations](https://swiftui-lab.com/category/animations/) 74 | - [How to create Neumorphic design in SwiftUI](https://sarunw.com/posts/how-to-create-neomorphism-design-in-swiftui/) 75 | -------------------------------------------------------------------------------- /Animation/progress.md: -------------------------------------------------------------------------------- 1 | [NVActivityIndicatorView](https://github.com/ninjaprox/NVActivityIndicatorView) 2 | -- 3 | > Collection of nice loading animations 4 | 5 | ![](https://raw.githubusercontent.com/ninjaprox/NVActivityIndicatorView/master/Demo.gif) 6 | 7 | [MRProgress](https://github.com/mrackwitz/MRProgress) 8 | -- 9 | > Collection of iOS drop-in components to visualize progress 10 | 11 | ![](https://github.com/mrackwitz/MRProgress/raw/master/Images/screenshot_005_2.jpg) 12 | 13 | [LiquidLoader](https://github.com/yoavlt/LiquidLoader) 14 | -- 15 | > Spinner loader components with liquid animation 16 | 17 | ![](https://github.com/yoavlt/LiquidLoader/raw/master/Demo/grow-circle.gif?raw=true) 18 | 19 | [GaugeKit](https://github.com/skywinder/GaugeKit) 20 | -- 21 | > Kit for building custom gauges + easy reproducible Apple's style ring gauges. 22 | 23 | ![](https://raw.githubusercontent.com/skywinder/GaugeKit/master/Images/gauge.gif) 24 | 25 | [HorizontalProgress](https://github.com/AliThink/HorizontalProgress) 26 | -- 27 | > Simple horizontal progress bar with animation 28 | 29 | ![](https://github.com/AliThink/HorizontalProgress/raw/master/HorizontalProgress-demo.gif) 30 | 31 | [FeSpinner](https://github.com/NghiaTranUIT/FeSpinner) 32 | -- 33 | > Rocket Loader Collection for iOS app 34 | 35 | ![](https://camo.githubusercontent.com/efc8fa347b8d0e3b8054a9ee240364562a586e41/687474703a2f2f6e676869617472616e2e6d652f77702d636f6e74656e742f75706c6f6164732f323031352f30312f48616e6477726974696e672e676966) 36 | 37 | [SwiftSpinner](https://github.com/icanzilb/SwiftSpinner) 38 | -- 39 | > A beautiful activity indicator and modal alert written in Swift (originally developed for http://doodledoodle.io) Using blur effects, translucency, flat and bold design - all iOS 8 latest and greatest 40 | 41 | ![](https://raw.githubusercontent.com/icanzilb/SwiftSpinner/master/etc/spinner-preview.gif) 42 | 43 | [KDCircularProgress](https://github.com/kaandedeoglu/KDCircularProgress) 44 | -- 45 | > A circular progress view with gradients written in Swift 46 | 47 | ![](https://raw.githubusercontent.com/kaandedeoglu/KDCircularProgress/master/screenshot.gif) 48 | 49 | [ARSLineProgress](https://github.com/soberman/ARSLineProgress) 50 | -- 51 | > iOS progress bar, replacement for the default activity indicator. 52 | 53 | ![](https://camo.githubusercontent.com/844fa4e1da4498cbcd208a9c0080193a8d42efe8/687474703a2f2f6769742e617273656e6b696e2e636f6d2f4152534c696e6550726f67726573732f4152534c696e6550726f67726573735f70726f67726573735f776974685f737563636573732e676966) 54 | 55 | [KRProgressHUD](https://github.com/krimpedance/KRProgressHUD) 56 | -- 57 | > A beautiful and easy-to-use progress HUD for your iOS. 58 | 59 | ![](https://github.com/krimpedance/KRProgressHUD/blob/master/Resources/demo.gif) 60 | 61 | ## [GradientCircularProgress](https://github.com/keygx/GradientCircularProgress) 62 | > Customizable progress indicator library in Swift 63 | 64 | ![](https://github.com/keygx/GradientCircularProgress/raw/master/images/scr_BlueDarkStyle_01.png) 65 | 66 | ## [KDCircularProgress](https://github.com/kaandedeoglu/KDCircularProgress) 67 | > A circular progress view with gradients written in Swift 68 | 69 | ![](https://raw.githubusercontent.com/kaandedeoglu/KDCircularProgress/master/Assets/screenshot.gif) 70 | -------------------------------------------------------------------------------- /Animation/pull-to-refresh.md: -------------------------------------------------------------------------------- 1 | [PullToMakeSoup](https://github.com/Yalantis/PullToMakeSoup) 2 | -- 3 | > Custom animated pull-to-refresh that can be easily added to UIScrollView 4 | 5 | ![](https://raw.githubusercontent.com/Yalantis/PullToMakeSoup/master/PullToMakeSoupDemo/Resouces/recipe-finder.gif) 6 | 7 | [Pull-to-Refresh.Rentals-iOS](https://github.com/Yalantis/Pull-to-Refresh.Rentals-iOS) 8 | -- 9 | > This project aims to provide a simple and customizable pull to refresh implementation. Made in Yalantis 10 | 11 | ![](https://camo.githubusercontent.com/d406ac5a03a2b1fa5cf41fadc8d2408cb8709bdc/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f3132353035362f73637265656e73686f74732f313635303331372f7265616c6573746174652d70756c6c5f312d322d332e676966) 12 | 13 | [CBStoreHouseRefreshControl](https://github.com/coolbeet/CBStoreHouseRefreshControl) 14 | -- 15 | > Fully customizable pull-to-refresh control inspired by Storehouse iOS app 16 | 17 | ![](https://camo.githubusercontent.com/556662451b6de3d5c56a471ee5931ab8caf2c5e3/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f737579752e746573742f434253746f7265486f75736552656672657368436f6e74726f6c312e676966) 18 | 19 | [BOZPongRefreshControl](https://github.com/boztalay/BOZPongRefreshControl) 20 | -- 21 | > A pull-down-to-refresh control for iOS that plays pong, originally created for the MHacks III iOS app 22 | 23 | ![](https://camo.githubusercontent.com/3a5c5c2468d45beb7e636013b32cb971cc48bde2/687474703a2f2f692e696d6775722e636f6d2f636468376556452e676966) 24 | 25 | [DGElasticPullToRefresh](https://github.com/gontovnik/DGElasticPullToRefresh) 26 | -- 27 | > Elastic pull to refresh for iOS developed in Swift 28 | 29 | ![](https://raw.githubusercontent.com/gontovnik/DGElasticPullToRefresh/master/DGElasticPullToRefreshPreview1.gif) 30 | 31 | [GearRefreshControl](https://github.com/andreamazz/GearRefreshControl) 32 | -- 33 | > A custom animation for the UIRefreshControl 34 | 35 | ![](https://raw.githubusercontent.com/andreamazz/GearRefreshControl/master/assets/screenshot.gif) 36 | 37 | [mntpulltoreact](https://github.com/mentionapp/mntpulltoreact) 38 | -- 39 | > One gesture, many actions. An evolution of Pull to Refresh 40 | 41 | ![](https://raw.githubusercontent.com/mentionapp/mntpulltoreact/master/README/mention-example.gif) 42 | 43 | [BreakOutToRefresh](https://github.com/dasdom/BreakOutToRefresh) 44 | -- 45 | > Play BreakOut while loading - A playable pull to refresh view using SpriteKit 46 | 47 | ![](https://raw.githubusercontent.com/dasdom/BreakOutToRefresh/master/Example/PullToRefreshDemo/what.gif) 48 | 49 | [ReplaceAnimation](https://github.com/fruitcoder/ReplaceAnimation) 50 | -- 51 | > Implementation of Zee Young's Dribbble animation 52 | 53 | ![](https://github.com/fruitcoder/ReplaceAnimation/raw/master/RefreshSuccess.gif) 54 | 55 | [ADChromePullToRefresh](https://github.com/Antondomashnev/ADChromePullToRefresh) 56 | -- 57 | > Inspired by Google Chrome iOS app 58 | 59 | ![](https://camo.githubusercontent.com/dbdf82cdf90a8ded67c129b91a558e25aac08eb2/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f32313235382f73637265656e73686f74732f323032323836322f6174746163686d656e74732f3335373932302f616e696d6174696f6e2e676966) 60 | 61 | [PullToBounce](https://github.com/entotsu/PullToBounce) 62 | -- 63 | > Animated "Pull To Refresh" Library for UIScrollView 64 | 65 | ![](https://raw.githubusercontent.com/entotsu/PullToBounce/master/demo.gif) 66 | -------------------------------------------------------------------------------- /Animation/rating.md: -------------------------------------------------------------------------------- 1 | # Rating 2 | 3 | [TTGEmojiRate](https://github.com/zekunyan/TTGEmojiRate) 4 | == 5 | > An emoji-liked rating view for iOS, implemented in Swift. 6 | 7 | ![](https://camo.githubusercontent.com/00cfde2f20f6450ff97f3003fffed918e1e0b6ae/687474703a2f2f376e6a32697a2e636f6d312e7a302e676c622e636c6f7564646e2e636f6d2f545447456d6f6a69526174655f73637265656e73686f74322e676966) 8 | -------------------------------------------------------------------------------- /Animation/search.md: -------------------------------------------------------------------------------- 1 | Search 2 | == 3 | 4 | [reel-search](https://github.com/Ramotion/reel-search) 5 | -- 6 | > Controller that allows you to choose options from a list 7 | 8 | ![](https://raw.githubusercontent.com/Ramotion/reel-search/master/reel-search.gif) 9 | -------------------------------------------------------------------------------- /Animation/slider.md: -------------------------------------------------------------------------------- 1 | Slider 2 | == 3 | 4 | [RangeSeekSlider](https://github.com/WorldDownTown/RangeSeekSlider) 5 | -- 6 | > RangeSeedSlider provides a customizable range slider like a UISlider. 7 | 8 | ![](https://github.com/WorldDownTown/RangeSeekSlider/raw/master/images/demo.gif) 9 | 10 | ## [fluid-slider](https://github.com/Ramotion/fluid-slider) 11 | > A slider widget with a popup bubble displaying the precise value selected 12 | 13 | ![](https://github.com/Ramotion/fluid-slider/raw/master/preview.gif) 14 | 15 | ## [balloon-picker](https://github.com/Cuberto/balloon-picker) 16 | > Custom picker view with floating balloon animation 17 | 18 | ![](https://raw.githubusercontent.com/Cuberto/balloon-picker/master/Screenshots/animation.gif) 19 | 20 | ## [HGCircularSlider](https://github.com/HamzaGhazouani/HGCircularSlider) 21 | > A custom reusable circular / progress slider control for iOS application. 22 | 23 | ![](https://github.com/HamzaGhazouani/HGCircularSlider/raw/master/Screenshots/Bedtime.gif) 24 | -------------------------------------------------------------------------------- /Animation/splash.md: -------------------------------------------------------------------------------- 1 | [SKSplashView](https://github.com/sachinkesiraju/SKSplashView) 2 | -- 3 | > Create custom animated splash views similar to the ones in the Twitter, Uber and Ping iOS app. 4 | 5 | ![](https://github.com/sachinkesiraju/SKSplashView/raw/master/SKSplashViewDemo/Example%20GIFs/twitter.gif) 6 | -------------------------------------------------------------------------------- /Animation/switch.md: -------------------------------------------------------------------------------- 1 | [WACustomSwitch](https://github.com/wendyabrantes/WACustomSwitch) 2 | -- 3 | > WACustomSwitch is custom component that allow user to create complex switch animation. 4 | 5 | ![](https://raw.githubusercontent.com/wendyabrantes/WACustomSwitch/master/WACustomSwitch.gif) 6 | 7 | [DGRunkeeperSwitch](https://github.com/gontovnik/DGRunkeeperSwitch) 8 | -- 9 | > Runkeeper design switch control (two part segment control) 10 | 11 | ![](https://raw.githubusercontent.com/gontovnik/DGRunkeeperSwitch/master/DGRunkeeperSwitch.gif) 12 | 13 | [TKSwitcherCollection](https://github.com/TBXark/TKSwitcherCollection) 14 | -- 15 | > An animate switch collection http://tbxark.github.io 16 | 17 | ![](https://github.com/TBXark/TKSwitcherCollection/raw/master/SwitcherCollection/gif.gif) 18 | 19 | [PMZSwitch](https://github.com/kovpas/PMZSwitch) 20 | -- 21 | > Yet another animated toggle 22 | 23 | ![](https://github.com/kovpas/PMZSwitch/raw/master/Assets/switch.gif) 24 | 25 | [paper-switch](https://github.com/Ramotion/paper-switch) 26 | -- 27 | > RAMPaperSwitch is a Swift module which paints over the parent view when the switch is turned on 28 | 29 | ![](https://github.com/Ramotion/paper-switch/raw/master/screenshot.gif) 30 | 31 | [BetterSegmentedControl](https://github.com/gmarm/BetterSegmentedControl) 32 | -- 33 | > An easy to use, customizable replacement for UISegmentedControl & UISwitch. 34 | 35 | ![](https://camo.githubusercontent.com/5a35efc4c67e0908674ccf83531a57bac3761044/68747470733a2f2f6d656469612e67697068792e636f6d2f6d656469612f336f475246784145616f41416a716e5a36672f67697068792e676966) 36 | 37 | [AnimatedSwitch](https://github.com/alsedi/AnimatedSwitch) 38 | -- 39 | > Swift subclass of the UISwitch which paints over the parent view 40 | 41 | ![](https://github.com/alsedi/AnimatedSwitch/raw/master/animation2.gif) 42 | 43 | [DynamicMaskSegmentSwitch](https://github.com/KittenYang/DynamicMaskSegmentSwitch) 44 | -- 45 | > A segment switcher with dynamic text mask effect 46 | 47 | ![](https://github.com/KittenYang/DynamicMaskSegmentSwitch/raw/master/maskSwitcher.gif) 48 | 49 | [LLSwitch](https://github.com/lilei644/LLSwitch) 50 | -- 51 | > This is a funny switch for iOS 52 | 53 | ![](https://raw.githubusercontent.com/lilei644/LLSwitch/master/Preview/LLSwitchDemo.gif) 54 | 55 | [DayNightSwitch](https://github.com/finngaida/DayNightSwitch) 56 | -- 57 | > Dribbble inspired switch for day and night status 58 | 59 | ![](https://camo.githubusercontent.com/988af26dbccba0dfc7987ef6f825afc7f0b75628/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f3437303534352f73637265656e73686f74732f313930393238392f7377697463685f30322e676966) 60 | 61 | ## [AIFlatSwitch](https://github.com/cocoatoucher/AIFlatSwitch) 62 | > Nicely animated flat design switch alternative to UISwitch 63 | 64 | ![](https://camo.githubusercontent.com/255e71858b8e1122f642c67348acf07b1dc9b5fc/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f662e636c2e6c792f6974656d732f3170307733423045336d3249326b3365307a31512f6f6e6f66662e676966) 65 | 66 | ## [TKSwitcherCollection](https://github.com/TBXark/TKSwitcherCollection) 67 | > An animation switch collection 68 | 69 | ![](https://github.com/TBXark/TKSwitcherCollection/raw/master/Images/simple2.gif) 70 | 71 | ## [SwiftUIiOS6Toggle](https://github.com/elvin-hu/SwiftUIiOS6Toggle) 72 | > iOS 6 style toggle implemented with SwiftUI 73 | 74 | ![](https://github.com/elvin-hu/SwiftUIiOS6Toggle/raw/master/preview.gif) 75 | -------------------------------------------------------------------------------- /Animation/tabbar.md: -------------------------------------------------------------------------------- 1 | [FoldingTabBar.iOS](https://github.com/Yalantis/FoldingTabBar.iOS) 2 | -- 3 | > Folding Tab Bar and Tab Bar Controller 4 | 5 | ![](https://camo.githubusercontent.com/e09bb8fc50adba318c9f22174d1751c566f69530/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f3439353739322f73637265656e73686f74732f323030333337362f7461625f6261725f616e696d6174696f6e5f66696e2d30322e676966) 6 | 7 | [animated-tab-bar](https://github.com/Ramotion/animated-tab-bar) 8 | -- 9 | > RAMAnimatedTabBarController is a Swift module for adding animation to tabbar items. 10 | 11 | ![](https://github.com/Ramotion/animated-tab-bar/raw/master/Screenshots/tab-bar-icons-iphone-ramotion-animation-interface-design.gif) 12 | 13 | [MinimalTabBar](https://github.com/jamesdunay/MinimalTabBar) 14 | -- 15 | > 16 | 17 | ![](https://camo.githubusercontent.com/84593bcf2fd6ecfc4858935b7c64dd94a13c8afe/687474703a2f2f692e696d6775722e636f6d2f6f66376a76326a2e676966) 18 | 19 | [M13InfiniteTabBar](https://github.com/Marxon13/M13InfiniteTabBar) 20 | -- 21 | > An elegant redesign of UITabBar for iOS applications. 22 | 23 | ![](https://camo.githubusercontent.com/bcbc122539033dc7e729028bde30688ac7303c08/68747470733a2f2f7261772e6769746875622e636f6d2f4d6172786f6e31332f4d3133496e66696e6974655461624261722f6d61737465722f526561646d655265736f75726365732f546170546f4368616e67652e676966) 24 | 25 | [XLPagerTabStrip](https://github.com/xmartlabs/XLPagerTabStrip) 26 | -- 27 | > Android PagerTabStrip for iOS. 28 | 29 | ![](https://github.com/xmartlabs/XLPagerTabStrip/raw/master/Example/barButton.gif) 30 | 31 | [PageMenu](https://github.com/HighBay/PageMenu) 32 | -- 33 | > A paging menu controller built from other view controllers placed inside a scroll view 34 | 35 | ![](https://raw.githubusercontent.com/uacaps/ResourceRepo/master/PageMenu/PageMenuDemo.gif) 36 | 37 | [TabDrawer](https://github.com/winslowdibona/TabDrawer) 38 | -- 39 | > TabDrawer is a customizable TabBar UI element that allows you to run a block of code upon TabBarItem selection, or display a customizable drawer. 40 | 41 | ![](https://github.com/winslowdibona/TabDrawer/raw/master/OptionsExample.gif) 42 | 43 | [BATabBarController](https://github.com/antiguab/BATabBarController) 44 | -- 45 | > A TabBarController with a unique animation for selection 46 | 47 | ![](https://raw.githubusercontent.com/antiguab/BATabBarController/master/readmeAssets/gif2.gif) 48 | 49 | [ColorMatchTabs](https://github.com/Yalantis/ColorMatchTabs) 50 | -- 51 | > Inspired by this project on Dribbble https://dribbble.com/shots/2702517-Review-App-Concept 52 | 53 | ![](https://github.com/Yalantis/ColorMatchTabs/raw/master/Resources/preview.gif) 54 | 55 | [Segmentio](https://github.com/Yalantis/Segmentio) 56 | -- 57 | > Animated top/bottom segmented control written in Swift. 58 | 59 | ![](https://github.com/Yalantis/Segmentio/raw/master/Assets/animation.gif) 60 | 61 | [FSPagerView](https://github.com/WenchaoD/FSPagerView) 62 | -- 63 | > FSPagerView is an elegant Screen Slide Library. It is extremely helpful for making Banner、Product Show、Welcome/Guide Pages、Screen/ViewController Sliders. 64 | 65 | ![](https://cloud.githubusercontent.com/assets/5186464/22688057/9003d880-ed65-11e6-882e-4587c97c8878.gif) 66 | 67 | [ESTabBarController](https://github.com/eggswift/ESTabBarController) 68 | -- 69 | > ESTabBarController is a Swift model for customize UI, badge and adding animation to tabbar items. Support lottie! 70 | 71 | ![](https://github.com/eggswift/ESTabBarController/raw/master/Resources/LottieGif.gif) 72 | 73 | ## [Parchment](https://github.com/rechsteiner/Parchment) 74 | > A paging view controller with a highly customizable menu. Built on UICollectionView, with support for custom layouts and infinite data sources 75 | 76 | ![](https://camo.githubusercontent.com/22b75f81989e7d3d2ae9385e852ba941e9b3a6d5/68747470733a2f2f72656368737465696e65722d70617263686d656e742e73332e65752d63656e7472616c2d312e616d617a6f6e6177732e636f6d2f70617263686d656e742d756e706c6173682e676966) 77 | 78 | ## [TransitionableTab](https://github.com/Interactive-Studio/TransitionableTab) 79 | > TransitionableTab makes it easy to animate when switching between tab. 80 | 81 | ![](https://github.com/Interactive-Studio/TransitionableTab/blob/master/Resource/move.gif) 82 | 83 | ## [SwipeableTabBarController](https://github.com/marcosgriselli/SwipeableTabBarController) 84 | > UITabBarController with swipe interaction between its tabs. 85 | 86 | ![](https://github.com/marcosgriselli/SwipeableTabBarController/raw/master/Resources/GIFs/SideBySideAnimation.gif) 87 | 88 | ## [SOTabBar](https://github.com/Ahmadalsofi/SOTabBar) 89 | > Light way to add Fancy bottom bar 90 | 91 | ![](https://github.com/Ahmadalsofi/SOTabBar/raw/master/Screenshots/headerGif.gif) 92 | -------------------------------------------------------------------------------- /Animation/tableview.md: -------------------------------------------------------------------------------- 1 | [BRFlabbyTable](https://github.com/brocoo/BRFlabbyTable) 2 | -- 3 | > Bouncy and distorded table view cells 4 | 5 | ![](https://camo.githubusercontent.com/be91b8bb8106725590a370646997ba1a83d7d387/687474703a2f2f692e696d6775722e636f6d2f466c3930724c6d2e706e67) 6 | 7 | [MPSkewed](https://github.com/MP0w/MPSkewed) 8 | -- 9 | > An iOS collection view subclass to present a list of skewed images and a collection view layout to add parallax to the images 10 | 11 | ![](https://github.com/MP0w/MPSkewed/raw/master/img/inaction2.gif) 12 | 13 | [folding-cell](https://github.com/Ramotion/folding-cell) 14 | -- 15 | > Folding cell 16 | 17 | ![](https://github.com/Ramotion/folding-cell/raw/master/Screenshots/folding-cell.gif) 18 | 19 | [Ultravisual](https://github.com/micpringle/Ultravisual) 20 | -- 21 | > Ultravisual-like Custom Collection View Layout http://raywenderlich.com 22 | 23 | ![](https://camo.githubusercontent.com/973a59211075b387f5225e4260f43b942c2fd052/68747470733a2f2f692e76696d656f63646e2e636f6d2f766964656f2f3531313836393936312e6a70673f6d773d393630266d683d373230) 24 | 25 | ## [expanding-collection](https://github.com/Ramotion/expanding-collection) 26 | > ExpandingCollection is an animated material design UI card peek/pop controller 27 | 28 | ![](https://github.com/Ramotion/expanding-collection/raw/master/preview.gif) 29 | 30 | ## [CollectionKit](https://github.com/SoySauceLab/CollectionKit) 31 | > A modern Swift framework for building reusable data-driven collection components. 32 | 33 | ![](https://camo.githubusercontent.com/65365a025b94c54a78983f568f2466239356ce5f/687474703a2f2f6c6b7a68616f2e636f6d2f7075626c69632f706f7374732f636f6c6c656374696f6e4b69742f65646765536872696e6b2e676966) 34 | 35 | ## [FlippingNotch](https://github.com/quickbirdstudios/FlippingNotch) 36 | > FlippingNotch 🤙 - Dribble inspired animation dribbble.com/shots/4089014-Pull-To-Refresh-iPhone-X 37 | 38 | ![](https://camo.githubusercontent.com/50fe7a3fc078b688aaeb0421033d890732ccc0ce/68747470733a2f2f63646e2e6472696262626c652e636f6d2f75736572732f3739333035372f73637265656e73686f74732f343038393031342f6970686f6e652d782d70756c6c2d746f2d726566726573682e676966) 39 | 40 | ## [VerticalCardSwiper](https://github.com/JoniVR/VerticalCardSwiper) 41 | > A marriage between the Shazam Discover UI and Tinder, built with UICollectionView in Swift. 42 | 43 | ![](https://github.com/JoniVR/VerticalCardSwiper/raw/master/example.gif) 44 | -------------------------------------------------------------------------------- /Animation/textfield.md: -------------------------------------------------------------------------------- 1 | [JVFloatLabeledTextField](https://github.com/jverdi/JVFloatLabeledTextField) 2 | -- 3 | > UITextField subclass with floating labels - inspired by Matt D. Smith's design: 4 | 5 | ![](https://camo.githubusercontent.com/be57d040ec0ce5d6467fb73564c6bcb6c76d5a7b/687474703a2f2f6472696262626c652e73332e616d617a6f6e6177732e636f6d2f75736572732f363431302f73637265656e73686f74732f313235343433392f666f726d2d616e696d6174696f6e2d5f6769665f2e676966) 6 | 7 | [TextFieldEffects](https://github.com/raulriera/TextFieldEffects) 8 | -- 9 | > Custom UITextFields effects inspired by Codrops, built using Swift 10 | 11 | ![](https://github.com/raulriera/TextFieldEffects/raw/master/Screenshots/Isao.gif) 12 | 13 | [SkyFloatingLabelTextField](https://github.com/Skyscanner/SkyFloatingLabelTextField) 14 | -- 15 | > A beautiful and flexible text field control implementation of "Float Label Pattern". Written in Swift. As used in the Skyscanner TravelPro iOS app. 16 | 17 | ![](https://github.com/Skyscanner/SkyFloatingLabelTextField/raw/master/SkyFloatingLabelTextField/images/showcase-example.gif) 18 | 19 | [ParkedTextField](https://github.com/gmertk/ParkedTextField) 20 | > A text field with a constant text/placeholder 21 | 22 | ![](https://raw.githubusercontent.com/gmertk/ParkedTextField/master/Screenshots/ParkedTextField.gif) 23 | -------------------------------------------------------------------------------- /Animation/tooltip.md: -------------------------------------------------------------------------------- 1 | Tooltip 2 | == 3 | 4 | [EasyTipView](https://github.com/teodorpatras/EasyTipView) 5 | -- 6 | > Fully customisable tooltip view in Swift. 7 | 8 | ![](https://raw.githubusercontent.com/teodorpatras/EasyTipView/master/assets/easytipview.gif) 9 | -------------------------------------------------------------------------------- /Animation/transition.md: -------------------------------------------------------------------------------- 1 | [AMWaveTransition](https://github.com/andreamazz/AMWaveTransition) 2 | -- 3 | > Custom transition between viewcontrollers holding tableviews 4 | 5 | ![](https://raw.githubusercontent.com/andreamazz/AMWaveTransition/master/assets/screenshot.gif) 6 | 7 | [RZTransitions ](https://github.com/Raizlabs/RZTransitions) 8 | -- 9 | > A library of custom iOS View Controller Animations and Interactions. 10 | 11 | ![](https://camo.githubusercontent.com/85800d3c1b66b7c71ab43023001d52d1e8696c7f/687474703a2f2f7261772e6769746875622e636f6d2f5261697a6c6162732f525a5472616e736974696f6e732f6d61737465722f5765622f525a5472616e736974696f6e7344656d6f2e676966) 12 | 13 | [BubbleTransition](https://github.com/andreamazz/BubbleTransition) 14 | -- 15 | > A custom modal transition that presents and dismiss a controller with an expanding bubble effect. 16 | 17 | ![](https://raw.githubusercontent.com/andreamazz/BubbleTransition/master/assets/screenshot.gif) 18 | 19 | [VCTransitionsLibrary](https://github.com/ColinEberhardt/VCTransitionsLibrary) 20 | -- 21 | > A collection of iOS7 animation controllers and interaction controllers, providing flip, fold and all kinds of other transitions. 22 | 23 | ![](https://github.com/ColinEberhardt/VCTransitionsLibrary/raw/master/Screenshots/thumbnails/Flip/1.png) 24 | 25 | [JTMaterialTransition](https://github.com/jonathantribouharet/JTMaterialTransition) 26 | -- 27 | > An iOS transition for controllers based on material design. 28 | 29 | ![](https://github.com/jonathantribouharet/JTMaterialTransition/raw/master/Screens/example.gif) 30 | 31 | [KWTransition](https://github.com/KurtWagner/KWTransition) 32 | -- 33 | > Experimental Implementations of UIViewControllerAnimatedTransitioning 34 | 35 | ![](https://camo.githubusercontent.com/8287a71fd6527d85c9ca272decccac752ddc3f3f/68747470733a2f2f7261772e6769746875622e636f6d2f4b7572745761676e65722f4b575472616e736974696f6e2f6d61737465722f53616d706c652f4b575472616e736974696f6e466164654261636b4f7665722e676966) 36 | 37 | [ADTransitionController](https://github.com/applidium/ADTransitionController) 38 | -- 39 | > UINavigationController with custom transitions 40 | 41 | ![]() 42 | 43 | [ZBCustomTransitions](https://github.com/zonble/ZBCustomTransitions) 44 | -- 45 | > Fallen brick 46 | 47 | ![]() 48 | 49 | [HUAnimator](https://github.com/cinkster/HUAnimator) 50 | -- 51 | > Simple group of classes to demonstrate UIViewControllerAnimatedTransitioning Protocol use. 52 | 53 | ![]() 54 | 55 | [AnimatedTransitionGallery](https://github.com/shu223/AnimatedTransitionGallery) 56 | -- 57 | > A gallery app of custom animated transitions for iOS 7. 58 | 59 | ![](https://github.com/shu223/AnimatedTransitionGallery/raw/master/gallery.gif) 60 | 61 | [KYPushTransition](https://github.com/KittenYang/KYPushTransition) 62 | -- 63 | > 3D push transition 64 | 65 | ![](https://github.com/KittenYang/KYPushTransition/raw/master/demo.gif) 66 | 67 | [RMPZoomTransitionAnimator](https://github.com/recruit-mp/RMPZoomTransitionAnimator) 68 | -- 69 | > A custom zooming transition animation for UIViewController 70 | 71 | ![](https://github.com/recruit-mp/RMPZoomTransitionAnimator/raw/master/docs/collectionview.gif) 72 | 73 | [ZFDragableModalTransition](https://github.com/zoonooz/ZFDragableModalTransition) 74 | -- 75 | > Custom animation transition for present modal view controller 76 | 77 | ![](https://raw.githubusercontent.com/zoonooz/ZFDragableModalTransition/master/Screenshot/ss.gif) 78 | 79 | [CKWaveCollectionViewTransition](https://github.com/CezaryKopacz/CKWaveCollectionViewTransition) 80 | -- 81 | > Cool wave like transition between two or more UICollectionView 82 | 83 | ![](https://raw.githubusercontent.com/CezaryKopacz/CKWaveCollectionViewTransition/master/anim.gif) 84 | 85 | [ElasticTransition](https://github.com/lkzhao/ElasticTransition) 86 | -- 87 | > A UIKit custom transition that simulates an elastic drag. Written in Swift. 88 | 89 | ![](https://github.com/lkzhao/ElasticTransition/raw/master/imgs/demo.gif?raw=true) 90 | 91 | [KMNavigationBarTransition](https://github.com/MoZhouqi/KMNavigationBarTransition) 92 | -- 93 | > A drop-in universal library helps you to manage the navigation bar styles and makes transition animations smooth between different navigation bar styles while pushing or popping a view controller for all orientations. 94 | 95 | ![](https://raw.githubusercontent.com/MoZhouqi/KMNavigationBarTransition/master/Screenshots/Before1.gif) 96 | 97 | [CBStoreHouseTransition](https://github.com/coolbeet/CBStoreHouseTransition) 98 | -- 99 | > A custom transition inspired by Storehouse iOS app, also support pop gesture. 100 | 101 | ![](https://camo.githubusercontent.com/0049985e5d37fec98a0f3ccc4fb2c7ec79bcb73d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f737579752e746573742f434253746f7265486f7573655472616e736974696f6e2e676966) 102 | 103 | [PreviewTransition](https://github.com/Ramotion/preview-transition) 104 | -- 105 | > A simple preview gallery controller 106 | 107 | ![](https://raw.githubusercontent.com/Ramotion/preview-transition/master/preview.gif) 108 | 109 | [DisplaySwitcher](https://github.com/Yalantis/DisplaySwitcher) 110 | -- 111 | > 112 | Custom transition between two collection view layouts 113 | 114 | ![](https://github.com/Yalantis/DisplaySwitcher/raw/master/Assets/animation.gif) 115 | 116 | [TKSubmitTransition](https://github.com/entotsu/TKSubmitTransition) 117 | -- 118 | > Animated UIButton of Loading Animation and Transition Animation. Inspired by https://dribbble.com/shots/1945593-Login-Home-Screen 119 | 120 | ![](https://github.com/entotsu/TKSubmitTransition/raw/master/demo.gif) 121 | 122 | [Gagat](https://github.com/Boerworz/Gagat) 123 | -- 124 | > A delightful way to transition between visual styles in your iOS applications. 125 | 126 | 127 | 128 | [Transition](https://github.com/Touchwonders/Transition) 129 | -- 130 | > Easy interactive interruptible custom ViewController transitions 131 | 132 | ![](https://github.com/Touchwonders/Transition/raw/master/Documentation/artwork/modal.gif) 133 | 134 | 135 | [DropdownTransition](https://github.com/Touchwonders/Transition) 136 | -- 137 | > Simple and elegant dropdown transition for iOS 138 | 139 | 140 | 141 | -------------------------------------------------------------------------------- /Animation/ui.md: -------------------------------------------------------------------------------- 1 | [IBAnimatable](https://github.com/JakeLin/IBAnimatable) 2 | -- 3 | > Design and prototype UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable. 4 | 5 | ![](https://camo.githubusercontent.com/9be4ebe9eb7e00fce51802cbc6642cafe8c48ac8/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f3333323335382f73637265656e73686f74732f323435333933332f6962616e696d617461626c652e676966) 6 | 7 | [Material](https://github.com/CosmicMind/Material) 8 | -- 9 | > A beautiful graphics framework for Material Design in Swift. http://cosmicmind.io 10 | 11 | ![](https://camo.githubusercontent.com/5517ec8ebf6588672004ab1c059bbb8113c07060/687474703a2f2f7777772e636f736d69636d696e642e696f2f676966732f4170702e676966) 12 | 13 | [navigation-stack](https://github.com/Ramotion/navigation-stack) 14 | -- 15 | > NavigationStack is a stack-modeled navigation controller 16 | 17 | ![](https://github.com/Ramotion/navigation-stack/raw/master/Navigation-Stack.gif) 18 | 19 | [ElegantTimeline-SwiftUI](https://github.com/ThasianX/ElegantTimeline-SwiftUI) 20 | -- 21 | > Elegant demonstration of a multi-faceted timeline view with interactions between the calendar, list, and app theme. 22 | 23 | ![](https://github.com/ThasianX/ElegantTimeline-SwiftUI/raw/master/Screenshots/scroll-back-to-today.png) 24 | -------------------------------------------------------------------------------- /Animation/view.md: -------------------------------------------------------------------------------- 1 | [IParallaxAndHapticEffect](https://github.com/Omilr/IParallaxAndHapticEffect) 2 | -- 3 | > ✨ Super easy Parallax and Haptic Effect. 4 | 5 | ![](https://user-images.githubusercontent.com/81509766/153190916-9051f1df-3f0c-42df-acc1-6400104f2a11.gif) 6 | 7 | [BAFluidView](https://github.com/antiguab/BAFluidView) 8 | -- 9 | > UIView that simulates a 2D view of a fluid in motion 10 | 11 | ![](https://github.com/antiguab/BAFluidView/raw/master/readmeAssets/example6.gif) 12 | 13 | [AHKBendableView](https://github.com/fastred/AHKBendableView) 14 | -- 15 | > UIView subclass that bends its edges when its position changes. 16 | 17 | ![](https://raw.githubusercontent.com/fastred/AHKBendableView/master/demo.gif) 18 | 19 | [VBFJellyView](https://github.com/victorBaro/VBFJellyView) 20 | -- 21 | > VBFJellyView is a custom view made out using UIKit Dynamics and with a very funny effect when adding behaviours to it. 22 | 23 | ![](https://camo.githubusercontent.com/b0f5afe69dc6620e2f81f447345a67418d107933/68747470733a2f2f6431337961637572716a676172612e636c6f756466726f6e742e6e65742f75736572732f3338313133332f73637265656e73686f74732f313639343335382f7662666a656c6c79766965772e676966) 24 | 25 | [WobbleView](https://github.com/inFullMobile/WobbleView) 26 | -- 27 | > WobbleView is an implementation of a recently popular wobble effect for any view in your app. It can be used to easily add dynamics to user interactions and transitions. 28 | 29 | ![](https://raw.githubusercontent.com/inFullMobile/WobbleView/master/wobble.gif) 30 | 31 | [Splitflap](https://github.com/yannickl/Splitflap) 32 | -- 33 | > A simple split-flap display for your Swift applications 34 | 35 | ![](https://camo.githubusercontent.com/165f8472a8282065b9586b95c49a67b9dd081a00/687474703a2f2f79616e6e69636b6c6f72696f742e636f6d2f7265736f75726365732f73706c6974666c61702d6c6f676f2e676966) 36 | 37 | [Cheers](https://github.com/hyperoslo/Cheers) 38 | -- 39 | > 🎊 Fancy confetti effects in Swift 40 | 41 |
42 | 43 |
44 | 45 | [NumberMorphView](https://github.com/me-abhinav/NumberMorphView) 46 | -- 47 | > A label view for displaying numbers which can transition or animate using a technique called number tweening or number morphing. 48 | 49 | ![](https://raw.githubusercontent.com/me-abhinav/NumberMorphView/dev/sample.gif) 50 | 51 | [MPParallaxView](https://github.com/DroidsOnRoids/MPParallaxView) 52 | -- 53 | > Apple TV Parallax effect in Swift. 54 | 55 | ![](https://camo.githubusercontent.com/91d78820f4e04385aabc4f27a4a11ae9402721a6/687474703a2f2f692e696d6775722e636f6d2f66764645517a7a2e676966) 56 | 57 | [JTNumberScrollAnimatedView](https://github.com/jonathantribouharet/JTNumberScrollAnimatedView) 58 | -- 59 | > Use JTNumberScrollAnimatedView for have a nice animation for display number. It's easy to use, easy to customize. 60 | 61 | ![](https://raw.githubusercontent.com/jonathantribouharet/JTNumberScrollAnimatedView/master/Screens/example.gif) 62 | 63 | [JRMFloatingAnimation](https://github.com/carleihar/JRMFloatingAnimation) 64 | -- 65 | > An Objective-C animation library used to create floating image views. 66 | 67 | ![](https://camo.githubusercontent.com/fd7734f7565e02f0a735c6fdeaaa75dd4bb2ebe7/687474703a2f2f692e696d6775722e636f6d2f307969617639562e676966) 68 | 69 | [URWeatherView](https://github.com/jegumhon/URWeatherView) 70 | -- 71 | > Show the weather effects onto view written in Swift3 72 | 73 | ![](https://github.com/jegumhon/URWeatherView/raw/master/Artwork/URWeather_snow.gif?raw=true) 74 | 75 | ## [LoginCritter](https://github.com/cgoldsby/LoginCritter) 76 | > An animated avatar that responds to text field interactions 77 | 78 | ![](https://github.com/cgoldsby/LoginCritter/raw/master/assets/demo.gif) 79 | 80 | [Perspective](https://github.com/yannickl/Perspective) 81 | -- 82 | > Powerful scrolling and motion parallax for iOS 83 | 84 | ![](https://user-images.githubusercontent.com/798235/51496460-24cf4300-1dc0-11e9-9d6c-97d753498f5b.gif) 85 | 86 | [liquid-swipe](https://github.com/Cuberto/liquid-swipe) 87 | > Lidquid swipe animation 88 | 89 | ![](https://raw.githubusercontent.com/Cuberto/liquid-swipe/master/Screenshots/animation.gif) 90 | 91 | [FillableLoaders](https://github.com/polqf/FillableLoaders) 92 | > Completely customizable progress based loaders drawn using custom CGPaths written in Swift 93 | 94 | ![](https://github.com/polqf/FillableLoaders/raw/master/Images/progress.gif) 95 | 96 | 97 | ## [CLWaterWaveView](https://github.com/cristi-lupu/CLWaterWaveView) 98 | > A UIView what able to show water wave effect 99 | 100 | ![](https://github.com/cristi-lupu/CLWaterWaveView/raw/master/demo.gif) 101 | 102 | ## [metaballs](https://github.com/rnkyr/metaballs) 103 | > Blob effect implementation with UIKIt 104 | 105 | ![](https://github.com/rnkyr/metaballs/raw/master/resources/example.gif) 106 | 107 | ## [MovingNumbersView](https://github.com/aunnnn/MovingNumbersView) 108 | > Moving numbers effect in SwiftUI 109 | 110 | ![](https://raw.githubusercontent.com/aunnnn/MovingNumbersView/master/README-Resources/mvnemoji.gif) 111 | 112 | ## [Windless](https://github.com/ParkGwangBeom/Windless) 113 | > Windless makes it easy to implement invisible layout loading view. 114 | 115 | ![](https://github.com/ParkGwangBeom/Windless/raw/master/Resource/table.gif) 116 | 117 | ## [SwiftFortuneWheel](https://github.com/sh-khashimov/SwiftFortuneWheel) 118 | > The ultimate spinning wheel view that supports dynamic content and rich customization. 119 | 120 | ![](https://github.com/sh-khashimov/SwiftFortuneWheel/raw/master/Images/layout.gif) 121 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Khoa Pham 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # awesome iOS animation [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome) 2 | 3 | Checkout https://indiegoodies.com/ 4 | 5 | A collection of iOS animation repos 6 | 7 | ![](Screenshots/Banner.png) 8 | 9 | - [Posts](Animation/posts.md) 10 | - [Framework](Animation/framework.md) :rocket: 11 | - [UI](Animation/ui.md) 12 | - [Graph/Chart](Animation/graph.md) 13 | - [Splash](Animation/splash.md) 14 | - [Alert](Animation/alert.md) 15 | - [Message](Animation/message.md) 16 | - [Transition](Animation/transition.md) 17 | - [View](Animation/view.md) 18 | - [Label](Animation/label.md) 19 | - [TextField](Animation/textfield.md) 20 | - [Button](Animation/button.md) 21 | - [Switch](Animation/switch.md) 22 | - [Slider](Animation/slider.md) 23 | - [Menu](Animation/menu.md) 24 | - [Permission](Animation/permission.md) 25 | - [Dropdown](Animation/dropdown.md) 26 | - [TableView / CollectionView](Animation/tableview.md) 27 | - [Progress](Animation/progress.md) 28 | - [Layout](Animation/layout.md) 29 | - [Action Sheet](Animation/actionsheet.md) 30 | - [Pull To Refresh](Animation/pull-to-refresh.md) 31 | - [Onboarding](Animation/onboarding.md) 32 | - [Search](Animation/search.md) 33 | - [Page Control](Animation/page-control.md) 34 | - [Card](Animation/card.md) 35 | - [Rating](Animation/rating.md) 36 | - [Gallery](Animation/gallery.md) 37 | - [Popup](Animation/popup.md) 38 | - [Segment / Tabbar / Pager](Animation/tabbar.md) 39 | - [Image Picker / Photo Browser](Animation/photo_browser.md) 40 | - [Tooltip](Animation/tooltip.md) 41 | - [Cluster](Animation/cluster.md) 42 | 43 | Licence 44 | -- 45 | This project is released under the MIT license. See LICENSE.md. 46 | -------------------------------------------------------------------------------- /Screenshots/Banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/onmyway133/awesome-ios-animation/2732018eb39323910feaa7f9035e4bd337285da7/Screenshots/Banner.png --------------------------------------------------------------------------------