Pinterest Stumbleupon Whatsapp

A preloading icon is a helpful tool that notifies app users that something is being loaded. To create such an icon, you need to code it up and incorporate its code into your app. This former task is much easier thanks to a web tool called Heartcode CanvasLoader Creator.

customize preloader

Heartcode CanvasLoader Creator is a free to use web tool that lets you create a customized preloading icon. The tool lets you select the color, diameter, density, range, FPS, and speed of the icon. You can also select the fading and scaling type. The types of shapes include circles, squares, rectangles, and rounded rectangles.

heartcode canvasloader creator

The generated code snippet appears right under the selected controls from where it can be copied and used in your application.


  • A user-friendly web tool.
  • Lets you create customized preloading icons.
  • Lets you customize color, diameter, density, range, FPS, and speed of the icon.
  • Generates usable code snippet of customized icon.
  • Similar tools: Preloaders.

Check out Heartcode CanvasLoader Creator @

Leave a Reply

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

  1. Anonymous
    August 7, 2011 at 7:28 am

    Thanks for pointing it out. Fixed now.

  2. Tina
    August 7, 2011 at 6:34 am

    Good catch! I guess it's too easy to mix up HTML5 and Flash. :)

  3. notFlash
    August 3, 2011 at 10:39 am

    I don't understand why this tool was tagged in 'Flash'. This tool uses the HTML5 Canvas element, it's nothing to do with Flash.