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.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.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.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
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 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
SanBaldo Ajax Loading Animated GIF
If this post have missed any AJAX loading icon generators, please feel free to add them in the comment below.
65 Responses to “7 AJAX Loading Icon Generators”
Great list. Thanks you very much !
Nice post, I hadn’t heard of a couple of these.
[...] 7 AJAX Loading Icon Generators 7-ajax-loading-icon-generators [...]
Thanks, bookmarked
Any idea of a collection of similar graphics in some vector format (like to use in flash)?
Hi, great post…
can you tell me a site where can I see how apply this to my site?
thanks.
Chimply has an option to download the SWF file of the icon.
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 [...]
Hi,
Good List. I like it very much and thank you very much.
[...] DIRECT LINK » [...]
Thanks for this post, it’s very useful.
Nice… The first one is the best
[...] 8个Ajax loading图标生成器 [...]
[...] Generadores de Iconos. Vía: Intenta Leer Tambien: Opera Mini y Opera Mobile a fondo (Parte 1) [...]
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!
muy buenos ..
Hi NetWaver,
Could you tell me how can I download the SWF file of the icon…??
Thanks,
Amit.
Is the ‘.gif’ image not work in IE?
Nice generators, love it.
AWESOME
[...] http://www.netwaver.com/21/8-ajax-loading-icon-generators/ [...]
very nice thanks
Bookmarked. Thanks for sharing the sites.
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. 이것만 있으면 로딩중 아이콘 끝….
Thank for your article!!!
Thanks for the list
Nice post. Thanks for sharing it.
[...] Readmore [...]
http://anysportanytime.ca/2010/07/796/
Great information and facts regarding upload files for having myself personally begin. Most definitely i’ll keep this particular website link and come back to it.
test
-’; I am really thankful to this topic because it really gives useful information :–
Awesome list. Thank u
how do i connect it with the web page?
please help new coder.
Amazing List! Many Thanks!
Very good blog you have here but I was curious if you knew of any community forums that cover the same topics discussed here? I’d really like to be a part of online community where I can get comments from other knowledgeable individuals that share the same interest. If you have any recommendations, please let me know. Bless you!
fb is a lot greater than wikipedia
I have found something that I believe is more robust and flexible to use. Take a look at SVG Preloader
thanks for sharing my website and icons too
Nice article. A nice list
Yeah… I think Loading apng generator should be added to this list. it supports both APNG and GIF and has cool templates
Oops wrong link for Loading apng generator
great help thanks
Wow, cool collections. Thanks dude
Really cool collection. I loved http://preloaders.net the most
Keeping up with just what exactly the latest news flash is located in Sydney? This is so good.
Cool The first one is the best one. They have also recently loaded http://cssload.net – loading css generator
Hello everybody!
Would like to announce that we have finally launched the second version of http://preloaders.net . Now we support APNG. Also we have added a bunch of new loading animation templates and new features.
good collections, tanks!
Yeah, a good coolleciton indeed. http://preloaders.net IS the best of those
Very interesting topic, regards for posting.
wooao thanks exelent post, nice post for ajax
Excellent list!
Let me add the Heartcode CanvasLoader which is a new approach and using the HTML5 Canvas element and VML as fallback for generating preloaders without images.
http://heartcode.robertpataki.com/canvasloader/
Thanks,
Robert
Jasa Setting Mikrotik dan Proxy Cepat
Loooooooooooved http://preloaders.net – amazing thing. Thank you for the list
great list, guess i can stop searching the web now. thanks,
Vielen Dank für dieses Blog-es ist toll! Ich mag diese Art von Menschen, die Wissen mit anderen zu teilen.
window.location=’www.google.com’;
wohooo… preloaders.net rules… amazing stuff – exactly what I wanted
What a nice information that i take today. Happy new year friends and god save us It looks very good. btw have a look if you are interested in off page seo here.
api request returns json files and not html/xml browser content
I love your blog.. very nice colors & theme. Did you create this website yourself or did you hire someone to do it for you? Plz reply as I’m looking to construct my own blog and would like to find out where u got this from. thank you
Awesome list, really!
Kind regards from germany