Creating Custom Activity Indicator using CAReplicatorLayer in QuartzCode (Beta)

There are various types of spinning indicator in various type of apps and webpages. While not all, many of them can be recreated by using CAReplicatorLayer.

Although CAReplicatorLayer is cool, originally I don’t know what can it be used for, until I found this great article from David Rönnqvist that is to create spinning indicator.

By using QuartzCode, this spinning indicator can easily be created. By using combination of CAReplicatorLayer and other animation properties, there are numerous possibilities of what can be done.

In the following video I’m gonna show you how to create custom activity indicator without using any image and code.


Download example project here.


  1. koofrank on August 13, 2014 at 9:26 am

    awesome! can you share file?

    • Wan Lutfi on August 13, 2014 at 3:38 pm

      I’ve updated the post to include Xcode project on Github

      • vishnu on March 8, 2016 at 6:02 pm

        what is the github link

        • Wan Lutfi on March 10, 2016 at 3:34 pm

          Hi Vishnu, sorry that is outdated response. You can download the example project attached in this post, Thanks.

Leave a Comment