CSS loaders and spinners: animated loading indicators

From the classic circular spinner and bouncing dots to a 3D cube, a cone ring, a hexagon ring, a neon ring, an equaliser, gooey balls, a lava lamp, a comet, a Pac-Man, an hourglass and a rocket: forty ways to tell people something is loading. There are also progress bars and rings, a progress bar with shine and skeleton placeholders for cards and listings.

Pick one that matches the mood of your product, set its colour, size and speed, and copy the code. Most run on pure CSS animations with no JavaScript at all.