Quick Loader With Css Transforms, Vars & Houdini Magic

Uses Houdini to animate the scaling factor --sx of the bars, so it only works in Chrome with the Experimental Web Platform features flag enabled.

Made with: HTML (Pug),CSS (SCSS)

View Code

Simple Spinners

These are some simple preloaders that can be used to make a process waiting time wonderful.

Made with: HTML,CSS

View Code

One Div Loader

HTML one div spinner.

Made with: HTML (Pug),CSS (Stylus)

View Code

Css 3D Loader

One element pure CSS 3D loader.

Made with: HTML,CSS (SCSS)

View Code

Css Spinner Animations

Made with: HTML,CSS

View Code

Css Spinner Animation

Made with: HTML,CSS (SCSS)

View Code

Squares Spinner

Elastic bouncing squares loader.

Made with: HTML (Pug),CSS (Sass)

View Code

Squares Spinner Animation

Simple spinner animation with pseudo elements and CSS animation.

Made with: HTML,CSS (SCSS)

View Code

Red Dead Redemption Loader

A difficult shape to draw in CSS.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Spinner Animations

Playing around with CSS animations to create some simple spinner animations.

Made with: HTML,CSS (SCSS)

View Code

Spinner Animation

Made with: HTML,CSS (Less)

View Code

Css Spinner Animation

Made with: HTML,CSS (Less)

View Code

Triangle Spinner Animation

Triangle spinner in HTML and CSS.

Made with: HTML (Slim),CSS (SCSS)

View Code

Loading Things... Spinner.

Made with: HTML,CSS (SCSS)

View Code

Google Spinners Redesign

A collection of Google Loaders in a new look.

Made with: HTML,CSS (SCSS)

View Code

Simple Css Loader

Made with: HTML,CSS

View Code

Comet Spinner

Comet spinner in HTML and CSS.

Made with: HTML,CSS

View Code

One Element Css Spinners

Made with: HTML (Pug),CSS (SCSS)

View Code

Spinner Loader

Resizable animated spinner with a blurred animation effect.

Made with: HTML,CSS (SCSS)

View Code

Terminal Spinner

Elegant terminal spinner with HTML and CSS.

Made with: HTML,CSS

View Code