7 AJAX Loading Icon Generators

If you want to inform your websites’ visitor that there are more information to be displayed or still to be loaded on your page, you may need a “loading” or “wait” icon, or I simply called it a preloader image. An Ajax loading icon is also most commonly used on AJAX-base sites and applications. However, not all of us have the skills to design and create such icons. Here, we present to you online tools that will generate an AJAX loading icons and some sites which have a collection of it that are ready for download.

Preloaders.net

Preloaders
Preloaders.net has a nice categorized collection of GIF preloaders. You can set your preloaders’ background (transparent is also available) and foreground color, size with contrains proportion option and it’s animation speed.

Ajaxload

Ajaxload
Ajaxload.info is still in Beta and the only option for it’s loading icon that you can set is it’s background and foreground color.

Load Info

loadinfo
LoadInfo.net options for it’s loading icon are background and foreground color and three predefined sizes which are 16×16, 24×24 and 48×48.

Web Script Lab

webscriptlab
Web Script Lab’s Ajax Loading GIF Generator options for it’s loading icon are background and foreground color and three predefined speed which are normal, fast and slow.

Chimply

chimply
Chimply is in Beta stage but it has also a nice collection of categorized Ajax loading icons. Common settings include background and foreground colors and it’s width. Many advanced options will appear depending on what type of preloader you are going to select.

mentalized Activity Indicators

mentalized

SanBaldo Ajax Loading Animated GIF

sanbaldo

If this post have missed any AJAX loading icon generators, please feel free to add them in the comment below.

Share this Post:
Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

26 Responses to “7 AJAX Loading Icon Generators”

commenter

Great list. Thanks you very much !

commenter

Nice post, I hadn’t heard of a couple of these.

[...] 7 AJAX Loading Icon Generators 7-ajax-loading-icon-generators [...]

commenter

Thanks, bookmarked ;)

commenter

Any idea of a collection of similar graphics in some vector format (like to use in flash)?

commenter

Hi, great post…

can you tell me a site where can I see how apply this to my site?

thanks.

commenter

Chimply has an option to download the SWF file of the icon.

commenter

There are many uses to mention. For example in an Ajax contact form, you can show a loading icon while your visitor is sending you a message. Another common example of using the loading icons is on image galleries with zooming functions using Lightbox. Let’s say you have thumbnails of your images, when a user click on the thumbnail to zoom, you can show a loading icon while the big image is still to be loaded.

[...] 7 AJAX Loading Icon Generators [...]

commenter

Hi,

Good List. I like it very much and thank you very much.

commenter

Thanks for this post, it’s very useful.

commenter

Nice… The first one is the best :)

[...] Generadores de Iconos. Vía: Intenta Leer Tambien: Opera Mini y Opera Mobile a fondo (Parte 1) [...]

commenter

Very nice list, thanks.
I really like the preloaders website. I had been using ajaxload till I found this site.
Keep up the good work!

commenter

muy buenos ..

commenter

Hi NetWaver,

Could you tell me how can I download the SWF file of the icon…??

Thanks,
Amit.

commenter

Is the ‘.gif’ image not work in IE?

commenter

Nice generators, love it.

commenter

Bookmarked. Thanks for sharing the sites.

commenter

Dear users of http://preloaders.net!

We would like to inform you that Preloaders.net has new upgrades. We have improved the preloader generating form in terms of usability. Also from now on you can set a reverse animation for the preloaders. Please check out the web-site to see the difference

정찬명의 생각…

AJAX Loading Icon Generators. 이것만 있으면 로딩중 아이콘 끝….

Leave a Reply:

Name (required):
Mail (will not be published) (required):
Website:
Comment (required):
XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>