LOGO

SpinJS: Generate Spinning Icons & Get CSS Code

August 22, 2011
Topics:Internet
SpinJS: Generate Spinning Icons & Get CSS Code

Spinners and Web Application Load Times

Spinners represent just one of the numerous loader types employed on websites during the loading of browser-based applications. Developing these spinners from scratch, particularly when customization is desired, can often be a time-consuming undertaking.

To streamline this process, a web-based tool known as SpinJS has been created.

spinjs-create-spinning-icon-1.jpgIntroducing SpinJS

SpinJS is a web application designed to facilitate the creation of spinners for your web projects. It allows for the visualization of a dynamically spinning icon, accompanied by a suite of controls.

These controls encompass parameters such as line count, line length, line width, radius, trail effects, rotation speed, and the inclusion of a shadow. The spinner preview updates instantly as these controls are adjusted.

The precise value of each control is displayed upon hovering the mouse pointer over its corresponding slider. These values can then be directly integrated into the CSS code provided on the website.

spinjs-create-spinning-icon-2.jpgKey Features of SpinJS
  • Offers an intuitive and accessible web-based interface.
  • Assists in the creation of highly customized loading spinners.
  • Enables modification of a wide range of spinner characteristics.
  • Displays the numerical values for all adjustable spinner controls.
  • Supplies a CSS code template for easy implementation of your spinner.
  • Related tools include: OnlineIconMaker, Iconizer, ConvertIcon, Favicon-Generator, and Free-Icon-Editor.

Explore SpinJS at www.fgnass.github.com/spin.js.

#SpinJS#spinning icon#CSS code#icon generator#web development#animation