Most popular CSS effects

Live preview Loaders

Northern Lights

Northern lights waving in night sky.

Live preview Loaders

Nut and Bolt

Hex nut spinning down the threads of a bolt.

#animation #gradient #shadow

Live preview Loaders

Obelisk Rise

Obelisk rising with glow.

Live preview Loaders

Observatory Dome

Observatory dome rotating with slit.

Live preview Loaders

Ocean Wave

Ocean waves rolling with foam cresting on top.

Live preview Loaders

Octagon 3D Flip

Octagon flipping in 3D space.

#animation #transform #3d

Live preview Loaders

Octahedron Spin

Eight-faced polyhedron rotating.

Live preview Loaders

Octagon Flip

Octagon flipping on its axis in 3D.

Live preview Loaders

Octopus Arms

Octopus with eight arms waving in the water.

Live preview Loaders

Odometer

Odometer digits rolling over like a slot machine.

Live preview Loaders

Odometer Flip

Odometer digits rolling.

#animation #transform #oklch

Live preview Loaders

OKLCH Spectrum Loader

Every segment is one OKLCH hue step, so the ring stays perceptually even in brightness.

Live preview Loaders

Omelet Flip

Omelet folding in pan.

Live preview Loaders

Onion Chop

Onion being chopped.

Live preview Loaders

Opal Shimmer

Opal with shifting rainbow shimmer.

Live preview Loaders

Orb Levitate

Mystical orb levitating with glow.

#gradient #animation #shadow

Live preview Loaders

Orbiting Planet

A small blue planet orbiting a glowing yellow sun.

Live preview Loaders

Orbit Dots Loader

Three dots ride an invisible orbit at staggered offsets around a still centre.

Live preview Loaders

Organ Pipe

Organ pipes with flowing air.

Live preview Loaders

Ornament Twirl

Christmas ornament spinning.

Live preview Loaders

Owl Blink

Owl with large eyes blinking while perched on a branch.

Live preview Loaders

Pac-Man Chase

Pac-Man chasing a ghost across the screen in a loop.

#animation

Live preview Loaders

Pager Beep

Pager vibrating with blinking message indicator.

Live preview Loaders

Pagoda Tier

Pagoda with tiered roofs.

#animation #gradient #border

Live preview Loaders

Paint Roller

Paint roller rolling color across a wall stripe.

Live preview Loaders

Paintbrush Stroke

Paintbrush sweeping back and forth painting a stripe.

Live preview Loaders

Pancake Flip

Pancake flipping in pan.

Live preview Loaders

Parachute

Parachute slowly descending with cords swaying.

Live preview Loaders

Confetti Rain

Confetti falling from above.

Live preview Loaders

Party Horn Blow

Party horn unrolling with sound.

Live preview Loaders

Pedal Press

Foot pedal being pressed.

#gradient #animation #shadow

Live preview Loaders

Pendulum Swing

A weighted pendulum swinging back and forth from a fixed pivot.

Live preview Loaders

Pendulum Swing

Pendulum swinging on pivot.

Live preview Loaders

Penguin Waddle

Penguin wobbling side to side as it walks on ice.

Live preview Loaders

Penrose Triangle

Impossible triangle rotating endlessly.

Live preview Loaders

Pentagon Orbit Quintet

Five dots orbiting in a pentagon pattern.

#animation #transform #filter

Live preview Loaders

Pentagon Rotate

Pentagon rotating while pulsing color.

Live preview Loaders

Pepper Grind

Pepper mill grinding peppercorns.

Live preview Loaders

Pepper Mill

Wooden pepper mill being twisted to grind peppercorns.

Live preview Loaders

Piano Key Press

Piano keys being pressed in sequence.

Live preview Loaders

Piano Keys

Piano keyboard with keys pressing down in sequence.

Live preview Loaders

Pickaxe Swing

Pickaxe swinging down to strike rock.

Live preview Loaders

Pie Slice

Pie slice with steam.

Live preview Loaders

Pillar Arch

Stone archway with pillar pulsing.

Live preview Loaders

Pinball Flipper

Pinball flippers batting a ball back and forth.

Live preview Loaders

Pinch Puppet

Puppet bobbing on string.

Live preview Loaders

Pine Cone

Pine cone with scales opening and closing.

Live preview Loaders

Ping Pong

Table tennis ball bouncing between two paddles.

Live preview Loaders

Pirate Ship

Pendulum pirate ship swinging higher with each pass.

Live preview Loaders

Pixel Flame

Pixelated campfire flame flickering upward.

Live preview Loaders

Pixel Heart

8-bit pixelated heart beating in retro arcade style.

Live preview Loaders

Pizza Cutter

Pizza cutter wheel rolling across a slice.

Live preview Loaders

Pizza Spin

Spinning pizza slice.

Live preview Loaders

Planet Orbit

Planet revolving around a sun.

Live preview Loaders

Planetarium

Dome with stars projected rotating.

Live preview Loaders

Planetary Gear

Planetary gear system orbiting.

Live preview Loaders

Pliers Grip

Pliers opening and closing their jaws in a grip motion.

Live preview Loaders

Plumb Bob

Plumb bob swaying from a taut string to find vertical.

Live preview Loaders

Pneumatic Cylinder

Pneumatic cylinder extending piston.

Live preview Loaders

Poker Chip

3D poker chip flipping and spinning in midair.

Live preview Loaders

Polaroid Flash

Polaroid camera flash bulb charging and discharging.

Live preview Loaders

Polygon Morph

Polygon morphing through different side counts.

#animation

Live preview Loaders

Pommel Horse Spin

Gymnast spinning on pommel horse.

Live preview Loaders

Pong Paddle

Classic Pong paddles bouncing a square ball back and forth.

#animation

Live preview Loaders

Pop Cycle Scale

Shape popping and cycling scale.

Live preview Loaders

Popcorn Pop

Popcorn kernels popping.

Live preview Loaders

Popsicle Drip

Popsicle with dripping juice.

Live preview Loaders

Portal Vortex

Swirling portal vortex.

Live preview Loaders

Portcullis Drop

Portcullis gate dropping and rising.

Live preview Loaders

Potion Bubble

Potion flask with rising bubbles.

Live preview Loaders

Power Pylon

Power pylon with flowing current.

Live preview Loaders

Pressure Valve

Pressure cooker valve rocking back and forth releasing steam.

Live preview Loaders

Prism Light

Light splitting through prism into rainbow.

#animation #transform #border

Live preview Loaders

Prism Rotate

Triangular prism rotating in 3D.

Live preview Loaders

Progress Circle

An SVG circle with a sweeping arc that grows and shrinks while rotating.

#animation #transform #rotate

Live preview Loaders

Progress Steps

Five horizontal step segments filling in sequence with a cyan-blue gradient.

#gradient #animation #border

Live preview Loaders

Projector

Movie projector with light beam.

Live preview Loaders

Propeller Spin

Airplane propeller spinning.

Live preview Loaders

Protractor Angle

Protractor with rotating angle arm.

#animation #transform #border

Live preview Loaders

Puddle Ripple

Ripples expanding outward in a puddle from a drop.

Live preview Loaders

Pulley Lift

Pulley lifting a load on rope.

Live preview Loaders

Pullup Bar

Figure doing pullup on bar.

Live preview Loaders

Pulsar

Pulsar emitting beams in rhythmic pulses.

#animation #shadow #border

Live preview Loaders

Pulse Dots

Three dots scaling and glowing in a staggered pulse sequence.

Live preview Loaders

Pulse Grid Loader

A nine cell grid where each square fades in on a diagonal delay wave.

Live preview Loaders

Pulse Meter

Heart pulse meter with ECG line.

#animation #shadow #border

Live preview Loaders

Pulse Ring

A ring that pulses outward around a glowing core dot.

Live preview Loaders

Pulse Stripe Bar

Striped bar pulsing with color shift.

Live preview Loaders

Pump Stroke

Pump handle stroking up and down.

Live preview Loaders

Pumpkin Carve

Pumpkin with glowing carved face.

Live preview Loaders

Pushup

Figure doing pushup motion.

#animation #transform #border

Live preview Loaders

Spinning Pyramid

An amber triangle spinning on its vertical axis like a 3D pyramid.

#gradient #animation #3d

Live preview Loaders

3D Pyramid

Pyramid rotating in 3D space.

Live preview Loaders

Pyramid Block

Pyramid block rising with sun.