Text Spinners

  1. Home
  2. Miscellaneous
  3. Text Spinners
Text spinners

Pure text, CSS only, font independent, inline loading indicators.

This project tries to mimic command line spinners like those from cli-spinners (where most of them are taken from) and bring them to the web. http://tawian.io/text-spinners/

Ellip
<span class="loading"></span>
Dots
<span class="loading dots"></span>
Dots 2
<span class="loading dots2"></span>
Dots 3
<span class="loading dots3"></span>
Line
<span class="loading line"></span>
Line 2
<span class="loading line2"></span>
Lifting
<span class="loading lifting"></span>
Hamburger
<span class="loading hamburger"></span>
Bar
<span class="loading bar"></span>
Bar 2
<span class="loading bar2"></span>
Circle
<span class="loading circle"></span>
Triangle
<span class="loading triangle"></span>
Bullet
<span class="loading bullet"></span>
Rhomb
<span class="loading rhomb"></span>
Toggle
<span class="loading toggle"></span>
Box bounce
<span class="loading box-bounce"></span>
Star
<span class="loading star"></span>
Words
<span class="loading words"></span>
Example usage with Bootstrap button
10GB of 250GB Free.
© 2014 - Inspinia By WebAppLayers

Configuration

Config box designed for demo purpose. All options available via code.
Collapse Menu
Fixed Topbar
Fixed Sidebar
Full Topbar
Boxed Layout
Fixed Footer

Select Your Skins

Default
Material Design
Light Design