Collection of hand-picked free HTML and CSS loading spinner code examples.
1.Triangle Loading Animation
Made with
- HTML / CSS(SCSS)
demo and code
2.Various CSS Spinners
Made with
- HTML(pug) / CSS
demo and code
3.Eclipse Spinner
Made with
- HTML(haml) / CSS(SCSS)
demo and code
4.Super Simple CSS Spinner
Made with
- HTML / CSS
demo and code
5.Beaulti Circle
Made with
- HTML / CSS
demo and code
6.Pure CSS Spinners
Made with
- HTML(pug) / CSS(stylus)
demo and code
7.Spinners using Font Icons
Made with
- HTML / CSS
demo and code
8.Olympic Rings
Made with
- HTML / CSS(SASS) / Js
demo and code
9.Bounce Delay Loader
Made with
- HTML(Haml) / CSS(SCSS) / Js
demo and code
10.Pure CSS Spinner
Made with
- HTML(Haml) / CSS(Less)
demo and code
11.Quick loader
Made with
- HTML(Pug) / CSS(SCSS) / JS(babel)
demo and code
12.One div loader
Made with
- HTML(Pug) / CSS(Stylus)
demo and code
12.pure CSS 3D loader
Made with
- HTML / CSS(SCSS)
demo and code
13.SVG ∞ loader
Made with
- HTML/Pug / CSS
demo and code
14.gooey css loader
Made with
- HTML / CSS
demo and code
15.Preloader CSS
Made with
- HTML / CSS(SCSS)
demo and code
16.Css3 Loader
Made with
- HTML / CSS(SCSS)
demo and code
17.Equalizes the loader
Made with
- HTML(pug) / CSS(SaSS)
demo and code
18.Flexbox loader
Made with
- HTML(pug) / CSS(SaSS)
demo and code
19.Two Cube Loader
Made with
- HTML(pug) / CSS(SCSS)
demo and code
20.Cupcake – A simple, minimal loader.
Made with
- HTML(pug) / CSS
demo and code
21.Glitchy Loading Indicator
Made with
- HTML / CSS / JS
demo and code
22.Loading Animation CSS
Made with
- HTML / CSS(SCSS)
demo and code
23.CSS Stairs Loader
Made with
- HTML / CSS(SCSS)
demo and code
24.Loading Animation
Made with
- HTML / CSS(SCSS)
demo and code
25.Code Loader
Made with
- HTML / CSS(LESS)
demo and code
26.‘Making pancake’ loader
Made with
- HTML(Pug) / CSS(SCSS)
demo and code
27.wineshop loader
Made with
- HTML / CSS
demo and code
28.New Preloader
Made with
- HTML / CSS
demo and code