/MotionBook

📖 Awesome iOS UI/UX Application (Open Source)

Primary LanguageSwiftMIT LicenseMIT

📖 MotionBook (UI/UX Animation Book)

Platform Language License Donate

appstore1 appstore2 appstore3 appstore4 appstore5

MotionBook will show below libraries with examples. You can search and bookmark whatever you want. Also, MotionBook will automatically refresh according to below datas. Appstore intro support English, Korean, Chinease.

Contribution

Please see CONTRIBUTING.md

Used Library

Categories


Menu

YNDropDownMenu

  • Author: younatics
  • Git: https://github.com/younatics/YNDropDownMenu
  • Detail: ✨The eligible dropdown menu, written in Swift 3, appears dropdown menu to display a view of related items when a user click on the dropdown menu. You can customize dropdown view whatever you like (e.g. UITableView, UICollectionView... etc)
  • Cocoapods: true
  • Carthage: true
  • Type: Menu

Side-Menu.iOS

circle-menu

  • Author: Ramotion
  • Git: https://github.com/Ramotion/circle-menu
  • Detail: This project is maintained by Ramotion, Inc. We specialize in the designing and coding of custom UI for Mobile Apps and Websites.
  • Cocoapods: true
  • Carthage: true
  • Type: Menu

GuillotineMenu

  • Author: Yalantis
  • Git: https://github.com/Yalantis/GuillotineMenu
  • Detail: Our Guillotine Menu Transitioning Animation implemented in Swift reminds a bit of a notorious killing machine.
  • Cocoapods: true
  • Carthage: false
  • Type: Menu

SideMenu

  • Author: jonkykong
  • Git: https://github.com/jonkykong/SideMenu
  • Detail: Simple side menu control for iOS in Swift inspired by Facebook. Right and Left sides. No coding required. iOS 8+.
  • Cocoapods: true
  • Carthage: true
  • Type: Menu

SlideMenuControllerSwift

animated-tab-bar


Animation

Highlighter

  • Author: younatics
  • Git: https://github.com/younatics/Highlighter
  • Detail: 🖍Highlight whatever you want! Highlighter will magically find UI objects such as UILabel, UITextView, UITexTfield, UIButton in your UITableViewCell or other Class.
  • Cocoapods: true
  • Carthage: true
  • Type: Animation

Spring

RQShineLabel

FLAnimatedImage

  • Author: Flipboard
  • Git: https://github.com/Flipboard/FLAnimatedImage
  • Detail: FLAnimatedImage is a performant animated GIF engine for iOS: 1. Plays multiple GIFs simultaneously with a playback speed comparable to desktop browsers 2. Honors variable frame delays 3. Behaves gracefully under memory pressure 4. Eliminates delays or blocking during the first playback loop 5. Interprets the frame delays of fast GIFs the same way modern browsers do
  • Cocoapods: true
  • Carthage: false
  • Type: Animation

YLGIFImage

  • Author: liyong03
  • Git: https://github.com/liyong03/YLGIFImage
  • Detail: Asynchronized GIF image class and Image viewer supporting play/stop GIF images. It just use very less memory. Following GIF usually will cost almost 600MB memory if it is fully decoded (800x600x389x4 Bytes), but using YLGIFImage, it just use about 30MB memory.
  • Cocoapods: true
  • Carthage: false
  • Type: Animation

Stellar

  • Author: AugustRush
  • Git: https://github.com/AugustRush/Stellar
  • Detail: A fantastic Physical animation library for swift(Not Just Spring !!!), it is base on UIDynamic and extension to it, friendly APIs make you use it or custom your own animation very easily!
  • Cocoapods: true
  • Carthage: true
  • Type: Animation

Macaw

  • Author: exyte
  • Git: https://github.com/exyte/Macaw
  • Detail: Powerful and easy-to-use vector graphics Swift library with SVG support
  • Cocoapods: true
  • Carthage: true
  • Type: Animation

Pastel

Gecco

  • Author: yukiasai
  • Git: https://github.com/yukiasai/Gecco
  • Detail: Simply highlight items for your tutorial walkthrough, written in Swift. Gecco means Moonlight in Japanese.
  • Cocoapods: true
  • Carthage: true
  • Type: Animation

ScrollableGraphView

GlitchLabel

RevealingSplashView

paper-switch

  • Author: Ramotion
  • Git: https://github.com/Ramotion/paper-switch
  • Detail: RAMPaperSwitch is a Swift material design UI module which paints over the parent view when the switch is turned on.
  • Cocoapods: true
  • Carthage: true
  • Type: Animation

SkeletonView

  • Author: Juanpe
  • Git: https://github.com/Juanpe/SkeletonView
  • Detail: Today almost all apps have async processes, such as Api requests, long running processes, etc. And while the processes are working, usually developers place a loading view to show users that something is going on.SkeletonView has been conceived to address this need, an elegant way to show users that something is happening and also prepare them to which contents he is waiting.
  • Cocoapods: true
  • Carthage: true
  • Type: Animation

Windless

Ease

  • Author: roberthein
  • Git: https://github.com/roberthein/Ease
  • Detail: Ease is a event driven animation system that combines the observer pattern with custom spring animations as observers.
  • Cocoapods: true
  • Carthage: false
  • Type: Animation

URWeatherView

AnimatedMaskLabel


Transition

AnimatedTransitionGallery

Hero

  • Author: lkzhao
  • Git: https://github.com/lkzhao/Hero
  • Detail: Hero is a library for building iOS view controller transitions. It provides a layer on top of the UIKit's cumbersome transition APIs. Making custom transitions an easy task for developers.
  • Cocoapods: true
  • Carthage: true
  • Type: Transition

PinterestSwift

JTMaterialTransition

TKSubmitTransition

AnimatedCollectionViewLayout

preview-transition

CKWaveCollectionViewTransition

BWWalkthrough

  • Author: ariok
  • Git: https://github.com/ariok/BWWalkthrough
  • Detail: BWWalkthrough (BWWT) is a class that helps you create Walkthroughs for your iOS Apps. It differs from other similar classes in that there is no rigid template; BWWT is just a layer placed over your controllers that gives you complete freedom on the design of your views.
  • Cocoapods: true
  • Carthage: true
  • Type: Transition

Gemini

  • Author: shoheiyokoyama
  • Git: https://github.com/shoheiyokoyama/Gemini
  • Detail: Gemini is rich scroll based animation framework for iOS, written in Swift.
  • Cocoapods: true
  • Carthage: true
  • Type: Transition

AMWaveTransition

  • Author: andreamazz
  • Git: https://github.com/andreamazz/AMWaveTransition
  • Detail: Custom transition between viewcontrollers holding tableviews. Each cell is animated to simulate a 'wave effect'.
  • Cocoapods: true
  • Carthage: true
  • Type: Transition

XLPagerTabStrip

  • Author: xmartlabs
  • Git: https://github.com/xmartlabs/XLPagerTabStrip
  • Detail: XLPagerTabStrip is a Container View Controller that allows us to switch easily among a collection of view controllers. Pan gesture can be used to move on to next or previous view controller. It shows a interactive indicator of the current, previous, next child view controllers.
  • Cocoapods: true
  • Carthage: true
  • Type: Transition

BubbleTransition

  • Author: andreamazz
  • Git: https://github.com/andreamazz/BubbleTransition
  • Detail: A custom modal transition that presents and dismiss a controller inside an expanding and shrinking bubble.
  • Cocoapods: true
  • Carthage: true
  • Type: Transition

ElasticTransition


Tableview

YNExpandableCell

  • Author: younatics
  • Git: https://github.com/younatics/YNExpandableCell
  • Detail: ✨Easiest usage of expandable & collapsible cell for iOS, written in Swift 3. You can customize expandable UITableViewCell whatever you like. YNExpandableCell is made because insertRows and deleteRows is hard to use. You can just inheirt YNTableViewDelegate and add one more method func tableView(_ tableView: YNTableView, expandCellAt indexPath) -> UITableViewCell?
  • Cocoapods: true
  • Carthage: true
  • Type: Tableview

Pull-to-Refresh.Rentals-iOS

SwipeCellKit

folding-cell

elongation-preview


Collectionview

expanding-collection

Koloda

  • Author: Yalantis
  • Git: https://github.com/Yalantis/Koloda
  • Detail: KolodaView is a class designed to simplify the implementation of Tinder like cards on iOS.
  • Cocoapods: true
  • Carthage: true
  • Type: Collectionview

MMCardView

CSStickyHeaderFlowLayout

GSKStretchyHeaderView

  • Author: gskbyte
  • Git: https://github.com/gskbyte/GSKStretchyHeaderView
  • Detail: GSKStretchyHeaderView is an implementation of the stretchy header paradigm as seen on many apps, like Twitter, Spotify or airbnb.
  • Cocoapods: true
  • Carthage: true
  • Type: Collectionview

SwiftSpreadsheet


Indicator

NVActivityIndicatorView

TKRubberIndicator

SpringIndicator

BusyNavigationBar

PKHUD

  • Author: pkluz
  • Git: https://github.com/pkluz/PKHUD
  • Detail: A Swift based reimplementation of the Apple HUD (Volume, Ringer, Rotation,…) for iOS 8.
  • Cocoapods: true
  • Carthage: true
  • Type: Indicator

Alert

CRToast

  • Author: cruffenach
  • Git: https://github.com/cruffenach/CRToast
  • Detail: CRToast is a library that allows you to easily create notifications that appear on top of or by pushing out the status bar or navigation bar.
  • Cocoapods: true
  • Carthage: true
  • Type: Alert

SDCAlertView

  • Author: sberrevoets
  • Git: https://github.com/sberrevoets/SDCAlertView
  • Detail: SDCAlertView started out as an alert that looked identical to UIAlertView, but had support for a custom content view. With the introduction of UIAlertController in iOS 8, the project was updated to the more modern API that UIAlertController brought.
  • Cocoapods: true
  • Carthage: true
  • Type: Alert

CDAlertView

PopupDialog

  • Author: Orderella
  • Git: https://github.com/Orderella/PopupDialog
  • Detail: A simple, customizable popup dialog for iOS written in Swift. Replaces UIAlertController alert style.
  • Cocoapods: true
  • Carthage: true
  • Type: Alert

SweetAlert-iOS

  • Author: codestergit
  • Git: https://github.com/codestergit/SweetAlert-iOS
  • Detail: Beautiful Animated custom Alert View inspired from javascript library SweetAlert. Written in Swift this SweetAlertView can be used in Swift and Objective-C projects. SweetAlertView provides live intutive experience to user actions.It can be used in place of UIAlertView and UIAlertController
  • Cocoapods: false
  • Carthage: false
  • Type: Alert

TKSwarmAlert

MIBlurPopup

GoogleWearAlert

NotificationBanner

  • Author: Daltron
  • Git: https://github.com/Daltron/NotificationBanner
  • Detail: NotificationBanner is an extremely customizable and lightweight library that makes the task of displaying in app notification banners and drop down alerts an absolute breeze in iOS.
  • Cocoapods: true
  • Carthage: true
  • Type: Alert

UI

YNSearch

  • Author: younatics
  • Git: https://github.com/younatics/YNSearch
  • Detail: ✨Awesome search view, written in Swift 3, appears search view like Pinterest Search view. You can fully customize this library. You can also use this library with Realm!
  • Cocoapods: true
  • Carthage: true
  • Type: UI

IBAnimatable

  • Author: IBAnimatable
  • Git: https://github.com/IBAnimatable/IBAnimatable
  • Detail: Design and prototype customized UI, interaction, navigation, transition and animation for App Store ready Apps in Interface Builder with IBAnimatable.
  • Cocoapods: true
  • Carthage: true
  • Type: UI

StarWars.iOS

  • Author: Yalantis
  • Git: https://github.com/Yalantis/StarWars.iOS
  • Detail: This component implements transition animation to crumble view-controller into tiny pieces.
  • Cocoapods: true
  • Carthage: false
  • Type: UI

Segmentio

Presentation

  • Author: hyperoslo
  • Git: https://github.com/hyperoslo/Presentation
  • Detail: Looking for the easiest way of presenting something in your iOS app? Then you are in the right place. Presentation will help you make your tutorials, release notes and any kind of animated pages with the minimum amount of effort.
  • Cocoapods: true
  • Carthage: true
  • Type: UI

LTMorphingLabel

  • Author: lexrus
  • Git: https://github.com/lexrus/LTMorphingLabel
  • Detail: A morphing UILabel subclass written in Swift. The .Scale effect mimicked Apple's QuickType animation of iOS 8 in WWDC 2014. New morphing effects are available as Swift extensions.
  • Cocoapods: true
  • Carthage: true
  • Type: UI

AIFlatSwitch

  • Author: cocoatoucher
  • Git: https://github.com/cocoatoucher/AIFlatSwitch
  • Detail: A smooth, nice looking and IBDesignable flat design switch for iOS. Can be used instead of UISwitch. Inspired by Creativedash's Dribbble post
  • Cocoapods: true
  • Carthage: false
  • Type: UI

MarkdownView

  • Author: keitaoouchi
  • Git: https://github.com/keitaoouchi/MarkdownView
  • Detail: MarkdownView is a WKWebView based UI element, and internally use bootstrap, highlight.js, markdown-it.
  • Cocoapods: true
  • Carthage: true
  • Type: UI

DKNightVersion

PARTagPicker

  • Author: paulrolfe
  • Git: https://github.com/paulrolfe/PARTagPicker
  • Detail: This pod provides a view controller for choosing and creating tags in the style of wordpress or tumblr. This tag picker was originally used in the Intrepid Pursuits app, Slate.
  • Cocoapods: true
  • Carthage: false
  • Type: UI

MediaBrowser

  • Author: younatics
  • Git: https://github.com/younatics/MediaBrowser
  • Detail: 🏞 MediaBrowser can display one or more images or videos by providing either UIImage objects, PHAsset objects, or URLs to library assets, web images/videos or local files. MediaBrowser handles the downloading and caching of photos from the web seamlessly. Photos can be zoomed and panned, and optional (customisable) captions can be displayed. This can also be used to allow the user to select one or more photos using either the grid or main image view.
  • Cocoapods: true
  • Carthage: true
  • Type: UI

Cards

fluid-slider


Author

younatics Twitter