Word Carousel Loader — Loader | HorizonX

Word Carousel Loader

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

HorizonX · UI/UX
  • Instant access Unlocked with your membership
  • Ready to adapt Use it as your starting point
  • Commercial license Use in client & commercial work

Not ready to subscribe yet?

Get 20% off your first month. We'll email you the code.

Overview

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.

Highlights

  • No runtime — markup and one stylesheet
  • Keyframes generated from your word list
  • Any number of words up to twelve
  • Reduced-motion fallback

What's included

  • Editable copy, type, colour and timing
  • Hold, overshoot and edge fade from the panel
  • Self-contained HTML export

Frequently asked questions

  • The files for this asset, in the format listed under Specs on this page.

  • It's included with your HorizonX membership — no separate purchase.

  • Yes. Your HorizonX membership includes a commercial license — use and adapt these files in your personal, client and commercial projects.