Customizable Loading Indicator Without Image: Spin.Js

Spin.js is a JavaScript library that enables us to generate customizable loading indicators without images.

It creates the UI with CSS3 (VML in Internet Explorer) and works in all browsers (even in IE6).

The spinners can be customized in several ways like setting the number of lines, their color, length, width, radius, speed of the animation and the trail effect. Such a flexibility ends up in many possible variations.

loading-indicatort

Features

  • No images, no external CSS
  • No dependencies (jQuery is supported, but not required)
  • Highly configurable
  • Resolution independent
  • Uses VML as fallback in old IEs
  • Uses @keyframe animations, falling back to setTimeout()
  • Works in all major browsers, including IE6
  • MIT License

And, Spin.js weights only 1.7kb gzipped which is smaller than an animated GIF file in most cases.

Requirements: No Requirements
Compatibility: All Major Browsers
Website: http://fgnass.github.com/spin.js/
Download: https://github.com/fgnass/spin.js

Advertisements
 
Author:
We hope, We will become the best, creative and inspiring community for web and graphics. Join Us! Can be part of the growing Team. Just write something Creative and Interesting. Click here to become a member.

Comments

Trackbacks to this post.
Leave a Reply

Copyright © 2017 Design Blog. All Rights Reserved.
Powered by Wordpress.
About Us | Advertise | Write For Us | Contact Us