Marquee Pro (Paid)
Professional-grade content scrolling component
Marquee Pro is a professional-grade scrolling component for Elements, built for designers who want motion that feels deliberate, refined, and production-ready.
This is not a basic marquee. Marquee Pro gives you full control over layout, animation, interaction, making it ideal for client work, commercial sites, and polished marketing pages.
Use it for announcements, logo strips, featured content, social links, promotions, or any repeating content where subtle motion adds clarity rather than distraction.
Marquee Pro is available via the Elements Store and requires Elements 2.0 or newer.
Features
Two Content Modes - Use a folder of images or add custom items with full dropzone support
Horizontal & Vertical Scrolling - Choose the scroll direction that fits your design
Configurable Animation - Control speed, direction, and hover behavior
Gradient Fade Effect - Optional smooth fade on edges for a polished look
Draggable Scroll - Allow users to manually drag and explore content
Accessibility Support - Automatically respects
prefers-reduced-motionfor users who prefer reduced motion
Accessibility
Marquee Pro automatically respects the user's motion preferences:
When
prefers-reduced-motion: reduceis enabled in the user's system settings, the animation will not playThe component listens for changes to this preference and responds accordingly
Touch and drag interactions remain functional for manual navigation
Tips & Best Practices
Performance: For best performance, optimize your images before adding them to the marquee, especially when using folder mode with many images.
Visible Items: Adjust the visible items count based on your content. For logos, 4-6 items often works well. For larger images or cards, 2-3 may be more appropriate.
Duration: Slower animations (higher duration values) are generally easier on the eyes and feel more professional. Start with the default of 20 seconds and adjust as needed.
Hover Behavior: Use "Pause" if users need to interact with content (like clicking links). Use "Slow" for a subtle effect that doesn't completely stop. Use "None" for purely decorative marquees.
Gradient Fade: The gradient fade helps content feel less abrupt at the edges. Increase the fade size for wider marquees or decrease it for narrower ones.
Accessibility: Always ensure your marquee content is not essential for understanding the page, as some users will have animations disabled.
Availability and Requirements
Marquee Pro is available via the Elements Store and requires Elements 2.0 or newer.
Last updated
Was this helpful?