Animated Charging Border

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

View Code

Mosaic Loader

Mosaic ripple loading animation.

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

View Code

Loader

Simple HTML and CSS loader.

Made with: HTML

View Code

Loading Animation

Cute loading animation.

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

View Code

Awesome Loading Screen

Awesome loading screen using only HTML & CSS.

Made with: HTML,CSS

View Code

Shimmer Loading

Skeleton loading (shimmer loading) cards with Tailwind CSS.

Made with: HTML,CSS

View Code

Loading Cubes

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

View Code

Loader Animation

Made with: HTML,CSS (SCSS)

View Code

Clock Loader

Made with: HTML,CSS (SCSS)

View Code

Cute Loading

Pure CSS loading animation.

Made with: HTML

View Code

Neumorphic Preloader

A preload animation where a circle containing squares pops out of the surface, and then one square pops in and out around the circle while the others slide into each place the first square was.

Made with: HTML,CSS

View Code

Preloaders

HTML and CSS preloaders.

Made with: HTML

View Code

Css Creative Pencil

Made with: HTML,CSS (SCSS)

View Code

Unboxing

A CSS looping animation where a box pops out of another that’s about to shrink into nothing, opens, then lands to shrink like the other box.

Made with: HTML,CSS

View Code

Css Flippy Loader

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

View Code

Css Circles Loading Animation

Made with: HTML,CSS (Stylus)

View Code

Animated Flippreloader

An awesome flip preloader made in CSS. Colors are fully logical on flip. Any colors can be set easily.

Made with: HTML

View Code

Text Ring Loading Animation

A loading animation where the text "Loading…" is written around the edge of two spinning CSS 3D rings.

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

View Code

Tea Loading

Tea loading with SVG animation.

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

View Code

Abstract Activity Indicator

HTML and CSS loading indicator.

Made with: HTML

View Code