Pure CSS Loading Indicator Collection – mk-spinners

Preview:

Description:

mk-spinners is a fresh new collection of cool animated loading indicators/spinners created using pure CSS/SASS. Currently comes with 5 loading spinners and more will come soon.

How to use it:

Just include the main CSS file mk-spinners.css into your document and done.

<link rel="stylesheet" href="mk-spinners.css">

Create a ‘Ring’ loading spinner.

<div class="mk-spinner-centered mk-spinner-ring"></div>

Create a ‘Pie’ loading spinner.

<div class="mk-spinner-centered mk-spinner-pie"></div>

Create a ‘Ripple’ loading spinner.

<div class="mk-spinner-centered mk-spinner-ripple"></div>

Create a ‘Circles’ loading spinner.

<div class="mk-spinner-centered mk-spinner-doublecircle"></div>

Create a ‘Weight’ loading spinner.

<div class="mk-spinner-centered mk-spinner-weight"></div>

Changelog:

08/29/2018

• v1.0