DCI Vertical Marquee Widget for Elementor

DCI Vertical Marquee Widget for Elementor adds a stunning, scroll-reactive marquee cards section to your Elementor-powered website. Cards animate in a continuous loop — vertically or horizontally — and react to the visitor’s scroll direction in real time, creating an engaging, dynamic portfolio or gallery section.

Key Features

• Dual marquee direction — vertical (up/down) or horizontal (left/right) with a single click.
• Scroll-reactive animation — marquee direction reverses when the visitor scrolls up or down.
• Multi-column layout — 1, 2, 3, or 4 columns (vertical) / rows (horizontal).
• Card types — Tall, Square, and Short card heights, configurable per card.
• Per-card controls — individually toggle image, tag, title, description, and add a custom link.
• Alternate direction — odd columns/rows scroll opposite for visual depth.
• Pause on hover — optionally freeze the animation when the cursor is over the widget.
• Edge fade masks — smooth top/bottom or left/right gradient fades match your section background.
• Full styling — typography, colours, border radius, border, box shadow, hover states, and padding — all controlled from the Elementor Style tab without touching code.
• Section heading — optional title (with accent colour for inline <span> ), subtitle, and description above the grid.
• Responsive — designed to work across desktop, tablet, and mobile breakpoints.

Requirements

• WordPress 6.0 or higher
• PHP 7.4 or higher
• Elementor 3.0 or higher (free version is sufficient)

Getting Started

1. 01Install and activate Elementor (free).
2. 02