Latest 0.1.7
License MIT
Platforms ios 10.0
Dependencies Alamofire, AlamofireImage

[![CI Status]( Francis Ramirez Hipona/NFImageView.svg?style=flat)]( Francis Ramirez Hipona/NFImageView)


  • [x] Realtime loading progress.
  • [x] Loading option with progress or spinner.
  • [x] Loading option with blur using thumbnail and a larger image.
  • [x] Prevent loading wrong image when on a table or collection view.
  • [x] Uses CoreGraphics to draw image in context.
  • [x] Supports ‘Content Fill Location’ : ‘.Top, .Left, .Right, .Bottom’


  • iOS 10.0+
  • Xcode 8.0



NFImageView is available through CocoaPods. To install
it, simply add the following line to your Podfile:

platform :ios, '10.0'
use_frameworks! # remove this if this will be used in ObjC code.

pod "NFImageView"


Create a Cartfile that lists the framework and run carthage update. Follow the instructions to add $(SRCROOT)/Carthage/Build/iOS/NFImageView.framework to an iOS project.

github "nferocious76/NFImageView"


  1. Download and drop /Pod/Classes folder in your project.
  2. Congratulations!

Usage example

// link of images
let thumbnail = ""
let largeImage = ""

// NFImageView is like a regular UIImageView, you can either subclass a UIImageView in the IB, just set the module to `NFUIKitUtilities` for the IB to read the class.
// create an imageview
let imageview = NFImageView(frame: CGRectMake(0, 0, 100, 100))

// `loadingEnabled` flag is use to force disable any loading that should occur. This will make it load like normal. default to `true`
// imageView.loadingEnabled = false // set this to disable loading.

// set loading type
imageview.loadingType = .Spinner

// loading an image without blur effect.

// loading an image with blur effect using thumbnail and large image.
imageview.setThumbImageAndLargeImageFromURLString(thumbURLString: thumbnail, largeURLString: largeImage)

// Set image aspect
imageView.contentViewMode = .Fill || .AspectFit || .AspectFill || .OriginalSize

// Set image fill location
imageView.contentViewFill = .Center || .Top || .Left || .Right || .Bottom


We would love for you to contribute to NFImageView. See the LICENSE file for more info.


Neil Francis Ramirez Hipona, [email protected]


NFImageView is available under the MIT license. See the LICENSE file for more info.

Latest podspec

    "name": "NFImageView",
    "version": "0.1.7",
    "summary": "'NFImageView' is a subclass of a UIView that acts like a UIImageView. Uses CoreGraphics to draw image.",
    "description": ""NFImageView is a like UIImageView that has loading indicator built within it to indicate that there an active loading of an image. It has an option for loading style. A progress bar or a spinner."",
    "homepage": "",
    "license": {
        "type": "MIT",
        "file": "LICENSE"
    "authors": {
        "Neil Francis Ramirez Hipona": "[email protected]"
    "source": {
        "git": "",
        "tag": "0.1.7"
    "platforms": {
        "ios": "10.0"
    "source_files": "NFImageView/Classes/**/*",
    "dependencies": {
        "Alamofire": [
            "~> 4.4"
        "AlamofireImage": [
            "~> 3.1"
    "pushed_with_swift_version": "3.0-GM-CANDIDATE"

Pin It on Pinterest

Share This