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.
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
- Open a heading or element → Animations → Marquee.
- Pick a direction (Left, Right, Up, Down).
- Set speed, gap, separator and text style (normal / outline / gradient).
- Save — it scrolls seamlessly and pauses on hover.
Free & open source
Build with this element, free.
Install the framework and the Bootstrap 5 theme, then drag this element into any page.