Grepped
DocsPricing
  1. Animations
  2. /Spinners

Spinners Animations

Pure CSS spinners and loading indicators. Each one is self-contained and ready to drop into any project — open any to tweak colors, speed, and size.

Every animation in this collection was generated with Grepped's AI — open any to customize or regenerate it from scratch.

17 animations in this collection

Spinner

Classic rotating loader

Pulse

Scaling pulse effect

Bouncing Dots

Three bouncing dots loader

Progress Bar

Indeterminate progress strip

Rainbow

A semicircular rainbow spinner built entirely from box-shadows

Flip Square

A square that flips in 3D perspective on both axes

Line of Dots

Five dots that fill and drain left-to-right in a wave

Whirl

A single ball that scales, whirls, and translates in a hypnotic loop

Zonal

Two orbs that teleport between random coordinates in an offset rhythm

Cube

A wireframe 3D cube rotating through X and Y axes in perspective

Snake

Nine dots trace a snake path, filling then draining in a continuous loop

Coffee

A coffee cup with three steam wisps rising and fading

Eclipse

A circle swept by an inset shadow that mimics a solar eclipse

Book

Stacked pages flip open one after another like a book

Load Man

A Pac-Man inspired chomping character eating dotted tracks

Follow the Leader

Orbiting dots that chase each other around a circle with fading opacity

Spinning Coin

A flat disc that wobbles and spins like a coin tossed on a table

Explore Other Categories

PopularState & FeedbackComponents & UIReactive BackgroundsCursor Effects