Animation Engine

Marquee

Turn any heading or element into a seamless, never-ending ticker — left, right, up or down, with outline / gradient text, a separator, edge-fade and pause-on-hover. Pure CSS, no library.

Live demo

See it in action

Seamless ticker

Content that never stops moving.

The content is cloned and translated by exactly one set, so the loop has no visible jump. Applied from any element’s Animations tab — hover a strip to pause it.

Ship faster · Design freely · Own your stack · No lock-in

UnysonPlus · Free & Open Source · Drag-and-drop builder · 60+ shortcodes

reveal · stagger · parallax · scramble · gradient · neon · glitch · magnetic · tilt

How to set it up

Add it in under a minute

  1. Open a heading or element → Animations → Marquee.
  2. Pick a direction (Left, Right, Up, Down).
  3. Set speed, gap, separator and text style (normal / outline / gradient).
  4. Save — it scrolls seamlessly and pauses on hover.
Open the manual