12 free SVG loaders

A set of 12 loaders built purely in SVG, no CSS or JS. Created and released by Sam.

12 free SVG loaders

lazySizes - Lazy load JS plugin

lazySizes is the ultimate and lightweight lazyLoader which lazy loads images (including responsive images), iframes and scripts.

lazySizes – Lazy load JS plugin

Minimal loop preloaders

A set of minimal loop preloaders created with vector shapes and provided in AI, EPS, PSD and GIF formats. Freebie released by Marina.

Minimal loop preloaders

Tumblr-style cog loaders CSS

A set of Tumblr-style cog loaders created with pure CSS and SVG icons based on an icon set designed by Jiri Silha.

Tumblr-style cog loaders CSS

Exclusive
VSCO - CSS loader

A nice CSS loader inspired to VSCO made with few lines of HTML and CSS. Coded by Andreas Gillström.

VSCO – CSS loader

Flat squared preloaders

A set of flat stye squared preloaders provided as GIF, AEP and PNG formats. A free resource created by Pixelbuddha for Codrops.

Flat squared preloaders

Page loading effects with SVG

A set of page loading effects that use SVG animations with Snap.svg. The idea is to show an overlay with a interesting shape animation.

Page loading effects with SVG

Flat preloaders set GIF

Set of animated preloaders, that was made using simple shapes and trendy colors. GIFs, PNGs and AEP project are included into the file.

Flat preloaders set GIF

Pure CSS loaders kit

Here is a set of 12 funny loaders coded with only CSS. A code snippet created by Viduthalai Mani.

Pure CSS loaders kit

Water filling text effect with CSS

Here is a CSS snippet for creating a nice water filling text effect that you can use for preloaders and such. Coded by Lucas Bebber.

Water filling text effect with CSS

Pace.js - Progress bars for websites

Pace.js is a new plugin for easily showing fancy progress bars while is your website is loading. Pace will monitor your ajax requests, etc.

Pace.js – Progress bars for websites

CSS creative loading effects

Here is a bunch of amazing CSS loading effects (bars, circles, numbers, etc.) that you can use for your website. Released by Codrops.

CSS creative loading effects

Weather loading animation

An awesome weather loading animation created by Tim Holman for Authentic Weather with some lines of HTML and CSS.

Weather loading animation