Marquee Scroll
The Marquee Scroll module enables the creation of smoothly scrolling text banners using either text fields or custom blocks. It replaces outdated HTML tags with a modern, performant, and accessible CSS/JavaScript solution that supports configurable scrolling speeds, gaps, and directions.
Marquee Scroll is a Drupal 10/11 module that allows site builders to display text fields or custom blocks as smoothly scrolling marquee banners. It replaces the old HTML tag with a modern, CSS/JS-driven solution using requestAnimationFrame for better performance and accessibility.
Features
Field Formatter: Apply to text fields (string, string_long, text, text_long) to render their values as scrolling marquees.
Configurable Options:
Scrolling speed (px/s)
Gap between repeated text (px)
Direction: Left, Right, Up, Down
Custom Block: Add a standalone scrolling text block anywhere on your site.
Smooth Animation: Uses modern JavaScript and CSS for a fluid, GPU-friendly scrolling effect.
No Deprecated Tags: Ensures compliance with HTML5 and accessibility standards.
Installation
Place the module in modules/contrib/marquee_scroll or install via Composer:
composer require drupal/marquee_scroll
Enable the module:
drush en marquee_scroll
drush cr
Configure:
Go to Manage display of your content type, choose Marquee Scroll formatter, and set speed/gap/direction.
Requirements
PHP ≥ 8.1
Drupal core 10 or 11
Demo
Example:
Filter: [marquee speed=70 gap=40]Limited time offer — save 45%[/marquee]
Text: "Your scrolling text goes here…"
Depends on
Dependencies of the latest stable release
No dependencies recorded for this project.
Required by
Tracked projects that depend on this one
No tracked projects depend on this one yet.
Activity
Releases
| Version | Type | Core | Notes | Release date | |
|---|---|---|---|---|---|
| 1.0.0-beta1 | Pre-release | 10–11 | Aug 8, 2025 |