12 Awesome Pure CSS Spinners – loaderskit

Author: viduthalai1947
Views Total: 2,208 views
Official Page: Go to website
Last Update: November 9, 2016
License: MIT


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">

See also  Mobile-friendly Bootstrap 4 Modals - bootstrap4-fs-modal

Leave a Reply

Your email address will not be published. Required fields are marked *