CanvasLoader Creator

Create, use and share

The Heartcode CanvasLoader Creator is a free online tool which you can use to generate scripted preloaders (spinners or throbblers) for your HTML projects. The Creator is using the CanvasLoader UI Library.

To create your free preloader follow these 2 easy steps:

Customize the preloader (on the left) by changing the settings (below)

CanvasLoader settings

Usage

Your custom snippet:

Heartcode CanvasLoader UI Library

The Heartcode CanvasLoader is a lightweight JavaScript UI library, which can be used to create spinners using the HTML5 Canvas object in modern browsers, or VML in older ones.

The main advantages of CanvasLoader

It uses Canvas in modern browsers and VML for IE6/7/8

Flexible and highly customisable

Fully transparent and resolution independent

No dependencies; No external images or CSS are required

Open Source (released under the MIT licence)

Only one http request is required per page load, multiple instances can be used at the same time

Much smarter than an animated GIF

Browser Support

Canvas rendering is hardware accelerated in more and more browsers these days, which means smooth animation with minimal CPU usage. CanvasLoader runs best in modern browsers with Canvas support (Canvas mode). It also runs in older IE versions using VML fallback (VML mode). For the full list of supported browsers see the chart below.