Update 03/06/2013: SEE 100+ AJAX LOADING SPINNER COLLECTIONS

In this post, we’ve collected 10 free online Loading AJAX Spinner Generator Tools to make your own custom AJAX loaders. Easy to create your own simply

  1. Select your spinner type
  2. Choose your colour
  3. Choose your animation speed
  4. Click create

You can also create your own images and use them as loading gif animations, see 10 Online Custom GIF Maker Tools. Enjoy.

Update 13/05/2013: Found more good ones! (sorry now image thumbs yet!)

1. CSS Load Online Tool

cssload.net is a standard online tool for generating your own Ajax spinner. It has a live preview which is nice and animation speed controls. The primary and secondary colour options give it something special the other tools don’t have or use very well. The beauty of this tool is that it will generate the CSS for you to create a CSS only spinner instead of saving as an image.

css-load

2. Ajax Load Online Tool

ajaxload.info does exactly what is says on the tin, creates you an ajax loader in seconds. Limited to the spinners you can choose but it is always reliable and takes seconds to choose and generate your own coloured spinner with transparent background option.

ajax-load

3. Load Info Online Tool

loadinfo.net offers you 132 spinner images straight up and then after choosing one you can change the colors and size up to 48 by 48. The only drawback is it is slightly slower than the other options but still we’re only talking seconds here. Good option.

load-info

4. Preloaders Online Tool

preloaders.net is probably my pick of the bunch because it has excellent options for choosing custom images.

preloaders

5. Spin.js Online Tool

Spin.js is a plugin which can be used to create your own online tool for Ajax Spinners.

spin-js

Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Free Guide:

How to Choose the Right Charting Library for Your Application

How do you make sure that the charting library you choose has everything you need? Sign up to receive this detailed guide from FusionCharts, which explores all the factors you need to consider before making the decision.


Learn JavaScript for free!
Free course: Introduction to JavaScript

Yours when you take up a free 14-day SitePoint Premium trial.