Loady

A lightweight CSS library for beautiful loading animations

Spinning Circle

A smooth, continuously rotating circle animation perfect for lightweight loading indicators.

Bouncing Dots

Playful bouncing dots that create a rhythmic loading pattern with delayed animations.

Pulsating Ring

A subtle pulsing effect that expands and fades out, creating a modern loading indicator.

Progress Bar

A smooth loading bar that expands and contracts, ideal for showing progress estimation.

Fading Circles

A sequence of circles that fade in and out with a scaling effect, creating a wave-like pattern.

Rotating Squares

A set of squares that rotate sequentially, creating an interesting geometric pattern.

Waving Dots

A wave-like animation where dots move up and down in sequence, creating a smooth motion effect.

Flipping Card

A card that flips continuously, showing different colors on each side for a playful effect.

Pulsing Dots

Dots that pulse in and out with a scaling effect, creating a rhythmic breathing pattern.

Circle Progress

A circular progress indicator that spins continuously, giving a sense of ongoing activity.

Chasing Dots

Two dots chasing each other in a circular motion, creating a playful loading indicator.