Loaders — 859 CSS effects

Spinners, progress indicators, skeletons, and loading motion.

Pure CSS with no dependencies or build step. Open any effect for a live preview, source code, and browser editing.

Page 4 of 9

Live preview Loaders

Coronal Mass Ejection

Sun emitting a coronal mass ejection loop.

#animation #gradient #transform

Live preview Loaders

Cosmic Ray

Cosmic ray streaking through space.

#animation #gradient

Live preview Loaders

Counter Click

Mechanical counter clicking up.

#animation #gradient

Live preview Loaders

Cow Bell Ring

Cowbell being struck and ringing.

#animation #gradient #transform

Live preview Loaders

Crank Shaft

Crank shaft rotating with offset arm.

#animation #transform #border

Live preview Loaders

Crankshaft

Engine crankshaft with multiple throws.

#animation #transform #border

Live preview Loaders

Crepe Fold

Crepe being folded over.

#animation #gradient #transform

Live preview Loaders

Crest Emblem

Heraldic crest with shimmer.

#animation #gradient #transform

Live preview Loaders

Croissant Flake

Croissant with flaking layers.

#animation #gradient #transform

Live preview Loaders

Double Cross Rotate

Two cross shapes rotating opposite.

#animation #gradient #transform

Live preview Loaders

Cross Spin

Plus-shaped cross spinning in place.

#animation #transform

Live preview Loaders

CRT Screen

Old CRT monitor with scanline flicker and static.

#animation #gradient #shadow

Live preview Loaders

Crystal Shard

Crystal shard with prismatic shimmer.

#animation #gradient #transform

Live preview Loaders

Crystal Sparkle

Crystal with sparkling highlights.

#animation #gradient #shadow

Live preview Loaders

3D Cube

Cube rotating in 3D space.

#animation #transform #border

Live preview Loaders

Cumulonimbus

Towering cumulonimbus cloud.

#animation #gradient #transform

Live preview Loaders

Cumulus

Puffy cumulus clouds.

#animation #gradient #transform

Live preview Loaders

Cupcake Sprinkle

Cupcake with falling sprinkles.

#animation #gradient

Live preview Loaders

Curling Stone

Curling stone sliding on ice.

#animation #gradient #transform

Live preview Loaders

Curve Draw

SVG curve drawing itself in loop.

#animation

Live preview Loaders

Bezier Curve Orbit

Dot traveling along a bezier curve path.

#animation #shadow

Live preview Loaders

Curve Pulse Wave

Curved wave pulsing across.

#animation #gradient

Live preview Loaders

Cycloidal Drive

Cycloidal disc wobbling.

#animation #transform

Live preview Loaders

Cyclone Spin

Cyclone spiral spinning inward.

#animation #gradient #transform

Live preview Loaders

Cylinder Roll

Cylinder rolling horizontally.

#animation #gradient #transform

Live preview Loaders

Cymbal Crash

Crash cymbal wobbling after being struck.

#animation #gradient #transform

Live preview Loaders

Cymbal Rim Tap

Cymbal with rim vibration.

#animation #gradient #transform

Live preview Loaders

Cymbal Stack

Stacked cymbals with hi-hat motion.

#animation #gradient #transform

Live preview Loaders

Dandelion

Dandelion seeds blowing away one by one in the wind.

#animation #gradient #shadow

Live preview Loaders

Dark Matter

Invisible dark matter warping space.

#animation #gradient #transform

Live preview Loaders

Dartboard

Dartboard with a dart spinning around the bullseye.

#animation #gradient #transform

Live preview Loaders

Decagon Spin Wheel

Ten-sided wheel rotating.

#animation #gradient #transform

Live preview Loaders

Dew Drop

Dew drop forming and falling.

#animation #gradient

Live preview Loaders

Dial-Up Modem

Old dial-up modem with blinking connection LEDs.

#animation #shadow #border

Live preview Loaders

Dial Tuner

Radio dial tuner sweeping.

#animation #gradient #transform

Live preview Loaders

Diamond Morph Flow

Diamond morphing with gradient flow.

#animation #gradient #transform

Live preview Loaders

Diamond Shine

Diamond with brilliant shine.

#animation #gradient #shadow

Live preview Loaders

Diamond Turn

Diamond shape turning on its tip.

#animation #gradient #transform

Live preview Loaders

Dice Roll

A six-sided die tumbling in 3D space.

#animation #gradient #transform

Live preview Loaders

Didgeridoo

Didgeridoo with vibrating buzz.

#animation #gradient #transform

Live preview Loaders

Differential

Differential gear mechanism.

#animation #gradient #transform

Live preview Loaders

Digital Clock

Digital clock with blinking colon.

#animation #shadow

Live preview Loaders

Double Disc Spin

Two offset discs spinning opposite directions.

#animation #transform #border

Live preview Loaders

Disc Roll Edge

Disc rolling along its edge.

#animation #gradient #transform

Live preview Loaders

Disco Ball

Disco ball with shimmering reflections.

#animation #gradient #transform

Live preview Loaders

Discus Spin

Discus spinning in thrower's hand.

#animation #gradient #transform

Live preview Loaders

DJ Table Spin

DJ turntable with spinning record.

#animation #gradient #transform

Live preview Loaders

Djembe Strike

African djembe drum being struck.

#animation #gradient #transform

Live preview Loaders

DNA Helix

Double helix DNA strand rotating.

#animation #transform #3d

Live preview Loaders

Dog Bone

Dog bone bouncing as if a dog is chewing it.

#animation #gradient #transform

Live preview Loaders

Dome Rib Rotate

Dome with ribs rotating.

#animation #gradient #transform

Live preview Loaders

Domino Fall

Dominoes falling in sequence.

#animation #gradient #transform

Live preview Loaders

Donut Glaze

Donut with glaze dripping.

#animation #gradient #transform

Live preview Loaders

Door Swing

Door swinging open and closed.

#animation #gradient #transform

Live preview Loaders

Dot Bridge Pulse

Dots pulsing across a bridge gap.

#animation #transform

Live preview Loaders

Dot Grid Flash

Grid of dots flashing in sequence.

#animation #transform

Live preview Loaders

Dot Wave

Row of dots forming a traveling wave.

#animation #transform

Live preview Loaders

Dots Grid Wave

A 3x3 grid of violet dots pulsing outward from the corner in a wave.

#animation #border #transform

Live preview Loaders

Downpour

Heavy downpour of thick raindrops.

#animation #gradient

Live preview Loaders

Drawbridge Raise

Drawbridge raising and lowering.

#animation #transform

Live preview Loaders

Drill Bit

Power drill bit spinning rapidly with motion blur.

#animation #gradient #transform

Live preview Loaders

Drizzle

Light drizzle of small drops.

#animation

Live preview Loaders

Drop Tower

Free-fall drop tower rising slowly then plunging down.

#animation #gradient #border

Live preview Loaders

Dual Arc Shift

Two arcs shifting past each other.

#animation #transform #border

Live preview Loaders

Dual Ring Spinner

Two concentric rings spinning in opposite directions with colored arcs.

#animation #border #transform

Live preview Loaders

Dumbbell Curl

Dumbbell curling up and down.

#animation #gradient #transform

Live preview Loaders

Dust Devil

Mini dust devil whirlwind swirling dust in a column.

#animation #gradient #transform

Live preview Loaders

Dust Storm

Dust storm sweeping across.

#animation #gradient #transform

Live preview Loaders

Eclipse

Moon passing in front of sun eclipse.

#animation #gradient #shadow

Live preview Loaders

Egg Crack

Egg cracking open.

#animation #gradient #transform

Live preview Loaders

Egg Timer

Hourglass egg timer with sand draining to the bottom.

#animation #transform #border

Live preview Loaders

Elephant Trunk

Elephant trunk curling up and down to drink water.

#animation #gradient #transform

Live preview Loaders

Engine Piston

Engine piston moving up and down.

#animation #gradient

Live preview Loaders

Equalizer Bars

Audio equalizer bars bouncing.

#animation #gradient

Live preview Loaders

Escalator

Escalator steps circulating endlessly with handrail.

#animation #gradient

Live preview Loaders

Event Horizon

Black hole event horizon pulling matter in.

#animation #gradient #transform

Live preview Loaders

F1 Race Car

Formula 1 car speeding across with motion blur stripes.

#animation #gradient

Live preview Loaders

Fairy Light

String of fairy lights twinkling.

#animation #shadow

Live preview Loaders

Fan Blade

Electric fan blades spinning.

#animation #gradient #transform

Live preview Loaders

Ferris Wheel

A pink wheel rotating with four colored cabin dots at cardinal points.

#animation #shadow #border

Live preview Loaders

Figure Skate Spin

Figure skater spinning in place.

#animation #gradient #transform

Live preview Loaders

Film Strip

Film strip scrolling by.

#animation #gradient #border

Live preview Loaders

Fire Orb Spin

Mystical fire orb spinning.

#animation #gradient #transform

Live preview Loaders

Firefly

Fireflies glowing randomly in the night.

#animation #gradient #transform

Live preview Loaders

Fireworks Burst

Fireworks bursting in the sky.

#animation #transform

Live preview Loaders

Fish Swim

Fish swimming back and forth with tail wagging.

#animation #gradient #transform

Live preview Loaders

Flash Burst

Camera flash bursting repeatedly.

#animation #gradient #transform

Live preview Loaders

Flip Clock

Airport-style flip clock cards flipping over.

#animation #transform #border

Live preview Loaders

Flower Bloom

Flower petals opening and closing around a yellow center.

#animation #gradient #transform

Live preview Loaders

Flywheel

Heavy flywheel building momentum.

#animation #transform #border

Live preview Loaders

Foehn Wind

Warm dry foehn wind descending.

#animation #gradient #transform

Live preview Loaders

Fog Drift

Fog wisps drifting across.

#animation #gradient #filter

Live preview Loaders

Origami Fold Unfold

Origami paper folding and unfolding.

#animation #gradient #transform

Live preview Loaders

Folding Cube 3D

3D cube with folding faces.

#animation #transform #3d

Live preview Loaders

Football Spiral

Football spinning in a spiral pass across the field.

#animation #gradient #transform