-
Preloaders.net
Preloaders.net has a fantastic categorized collection of APNG and GIF AJAX loaders images. You can set your preloaders’ image type (support APNG & GIF), background (transparent is available) and foreground color, size with constrain proportion option, animation speed and many other options. -
CSSLoad.net
If you want to have an AJAX loading icon but don’t want to use an image to save HTTP request, this CSS3 loading spinner generator is for you. It makes use of of CSS3 transitions, transforms and CSS3 animation to achieve a “loading GIF” image effect. -
spin.js
spin.js is another spinner or preloader generator that doesn’t use any images. It used JavaScript for modern browsers and uses VML as fallback in old IEs to have a loading icon image effect. It doesn’t require any JavaScript library to work but it does have jQuery plugin which you might want to check out. -
CanvasLoader Creator
Heartcode CanvasLoader Creator is a free online tool which you can use to generate preloaders (spinners or throbblers). This loading icon generator uses the CanvasLoader UI Library – 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. Same with spin.js, no external images or CSS are required. -
NETEYE Activity Indicator
This is jQuery plugin that renders a vector-based, translucent activity indicator (spinner) using SVG or VML. No images or external CSS are required, works in all major browsers (including IE6), supports Alpha transparency, degrades gracefully and is highly configurable. Unfortunately, this doesn’t have a UI so you have to manually pass some options into your code. -
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. It has only a limited number of loading GIFs compared to Preloaders.net. -
Chimply
Chimply is in beta stage but it has also a nice collection of categorized Ajax loading icons (spinner and animated bar icons). Common settings/options include background and foreground colors, animation speed, width and size. You can download the generated loading icon in GIF & SWF formats. -
Loading GIF
Loading GIF Image Generator has some few, nice loading icons ready to download. Unlike most of the loading image generators, the only customization you can made on the loading image icon is it’s background and foreground color.
semoga bermanfaat...
13 komentar
lengkap sekali ,, thanks mas dafin
BalasHapussama sama sob semoga membantu
Hapusbiasanya saya pakai yang pertama tuh
BalasHapussip
sama saya juga sering pakek itu sob 
HapusSaya kirain bahasa Indonesia semua, ternyata eh malah Inggris, hehe
BalasHapushehe yang punya orang inggris, makanya pakek inggris sob
HapusPerlu ditranslate terlebih dulu saya bacanya, hehe
Hapusbuka mbahnya sob, googla haha
Hapusmantapp nih...
suka yang cepet cepet wkwkwk
BalasHapustapi ane gak suka loading gan
haha cuma buat hiasan aja gan
HapusMeskipun pakai loading kalau masih cepet gpp gan
Hapusbuat yang lola jadi ada hiasanya tu sob
HapusBloked link! Link tidak di ijinkan baca disini.
BalasHapusTautan Anda terpaksa Saya blokir untuk alasan kenyamanan pembaca lain. Web ini digunakan untuk kalangan umum, mungkin akan lebih baik jika Anda tidak menyertakan tautan-tautan di area komentar untuk mencegah prasangka buruk dari pembaca yang lain terhadap Anda.
Jika Anda merasa bahwa ini adalah kesalahan otomatisasi sistem, cukup tuliskan kembali komentar lama Anda dengan format yang sama seperti sebelumnya, namun tanpa adanya tautan aktif di dalamnya, misalnya berupa teks URL. Terima kasih.
Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>