Word Carousel Loader

A loading message whose last word cycles through a list you write.

About this tool

A stack of words slides up one row at a time beside a fixed label, pausing on each, overshooting its stop and easing back. The word list is the thing you edit: the repeat that closes the loop is appended for you and the keyframes are generated from however many words survive, so changing the copy can never leave the animation travelling further than the stack it moves. It paints no surface of its own: an alpha mask softens the top and bottom edges, so the same fade survives a transparent, light or dark background, and hierarchy is carried by one ink at two opacities rather than by a second hue. Every length, colour and duration is a custom property, which is why dragging a slider never restarts the cycle.

In collections: CSS Loaders & Loading Animations

UI/UX · HTML / CSS All tools

Copy

Static text

Words (comma separated)

Ink

#ffffff

Static text tone %

Type

Text size px

Row height em

Gap after text em

Motion

Cycle duration ms

Hold %

Overshoot %

Edge fade %

Stage

Stage colour

#ffffff