Pulse

The element scales in a double-beat rhythm like a beating heart.

Add a "Heartbeat" effect (also called heart beat) to [where].
The element should swell and relax in a quick double beat, then rest briefly before the next beat, like a beating heart.
Loop it seamlessly with the rest kept between beats, and stop it for users who prefer reduced motion.

A copy of the element scales up and fades out repeatedly like a radar ripple.

Add a "Ping" effect (also called a radar ping or pulse ring) to [where].
A copy of the element should grow outward and fade away, again and again at a steady pace, while the element itself stays still.
Draw the ring as a separate layer so it never changes the layout, and stop the loop for users who prefer reduced motion.

Gray placeholder blocks fade in and out gently to signal loading.

Add a "Pulse Placeholder" (also called a skeleton pulse) to [where].
Gray placeholder blocks shaped like the coming content should slowly fade lighter and back together in a gentle, steady rhythm.
Match the placeholders to the real layout so nothing jumps when the content arrives, and keep them still for users who prefer reduced motion.

The element blinks by quickly toggling its opacity.

Add a "Flash" attention effect (also called blink) to [where].
The element should blink by quickly fading out and back in twice, then stay fully visible.
Play it once rather than as an endless blink, and skip it for users who prefer reduced motion, since fast blinking can be uncomfortable.

The element stretches horizontally and squashes vertically in elastic steps before returning to normal.

Add a "Rubber Band" attention effect (also called rubberband) to [where].
The element should stretch wide and squash short, then spring back through a few smaller elastic steps before settling at its normal size.
Play it once when triggered, and keep the surrounding layout from shifting while it stretches.

The element jitters quickly back and forth along one axis.

Add a "Shake" effect (also called an error shake or invalid input shake) to [where].
The element should jitter quickly left and right a few times and stop exactly where it started: fast and firm.
Play it once each time the error happens rather than looping, and pair it with a visible error message so the meaning does not rely on motion alone.

The element rotates continuously at constant speed.

Add a "Spin" effect (also called a spinner or rotate loop) to [where].
The element should rotate continuously at a constant, even speed, with no easing between turns.
Make the loop seamless, give the spinner an accessible loading label, and slow or stop it for users who prefer reduced motion.