12 Awesome Pure CSS Spinners – loaderskit

Category: CSS & CSS3 , Loading , Recommended | November 9, 2016
Views Total:2,297 views
Official Page:Go to website
Last Update:November 9, 2016


12 Awesome Pure CSS Spinners – loaderskit


Loaders Kit is a growing collection of 12+ animated single element spinners and loaders built only using CSS / CSS3.

What’s included:

  • timer
  • typing
  • location indicator
  • dashboard
  • battery
  • magnifier
  • help
  • cloud
  • eye
  • coffee cup
  • square
  • circle

How to use it:

Load the Loaders Kit’s main style sheet in the html page.

<link rel="stylesheet" href="css/main.css">

Create spinners and loaders as follows:

<div class="timer">
<div class="typing_loader">
<div class="location_indicator">
<div class="dashboard">
<div class="battery">
<div class="magnifier">
<div class="help">
<div class="cloud">
<div class="eye">
<div class="coffee_cup">
<div class="square">
<div class="circle">

You Might Be Interested In:

Leave a Reply