How to build Loading Content(Skeleton) like Instagram in ios


Skeleton is an easy way to create sliding CAGradientLayer animations! It works great for creating skeleton screens:

Loading Content like Instagram (Skeleton Screens) in ios
  • language: Swift 5.0
  • platform: ios
  • device: iphone/ipad
  • license: MIT



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

pod "Skeleton"

Skeleton is also available through Carthage. Add this to your Cartfile:

github "gonzalonunez/Skeleton" ~> 0.4.0


The entire library comes down to just one public-facing extension:

public extension CAGradientLayer {
  public func slide(to dir: Direction, group: ((CAAnimationGroup) -> Void) = { _ in })
  public func stopSliding()

Skeleton in iOS Swift refers to a design technique used to improve the user experience while waiting for content to load in an app.

It involves displaying a simplified and placeholder version of the user interface before the actual content is loaded, giving users a visual indication that something is happening in the background.

This shortens the perceived loading time and provides a more seamless and engaging user experience.

In this article, we’ll explore how to implement skeleton screens in iOS Swift, enabling you to enhance your app’s loading experience and make it feel more responsive and polished.


Skeleton View

Related Posts

Leave a Reply

Your email address will not be published. Required fields are marked *