FAIR

Federated and Independent Repositories

MarqueeFlow

Plugin Banner

MarqueeFlow

by tupacan

Download
Description

MarqueeFlow adds a smooth, CSS-only marquee slider to your WordPress site via the block editor. No JavaScript animations, no jQuery, no external dependencies — just fast, GPU-accelerated scrolling.

Features

  • Continuous marquee animation with seamless looping
  • Three speed presets: Slow, Normal, Fast
  • Three image height presets: Small, Medium, Large
  • Two gap presets: Normal and Spacious
  • Max image width control to prevent wide logos from dominating
  • Direction control: Left to Right or Right to Left
  • Pause on hover
  • Drag-and-drop image reordering in the editor
  • Supports JPG, PNG, WebP, GIF, and AVIF
  • SVG support via third-party plugins (e.g. Safe SVG)
  • Accessible: respects prefers-reduced-motion and includes ARIA labels
  • Lightweight: CSS-only animations, no external dependencies

How It Works

  1. Add the MarqueeFlow block in the editor
  2. Select your images
  3. Adjust speed, height, and style in the sidebar
  4. Publish
  1. Upload the marqueeflow folder to /wp-content/plugins/
  2. Activate the plugin through the Plugins menu
  3. Add the “MarqueeFlow” block in the block editor
  1. Frontend marquee scrolling colorful images, embedded naturally in a page layout

    Frontend marquee scrolling colorful images, embedded naturally in a page layout

  2. Block editor view showing the live preview, image management, and full settings sidebar

    Block editor view showing the live preview, image management, and full settings sidebar

Does this work with the classic editor?

Not yet. MarqueeFlow currently requires the WordPress block editor (Gutenberg). Shortcode support is planned for a future release.

Can I use SVG images?

WordPress does not allow SVG uploads by default. If you install an SVG plugin like Safe SVG, MarqueeFlow will display SVGs just like any other image format.

Will it slow down my site?

No. MarqueeFlow uses CSS-only animations with GPU-accelerated transforms. There is no JavaScript running on the frontend.

What happens when a visitor has motion sensitivity?

MarqueeFlow respects the prefers-reduced-motion media query. When enabled, the animation stops and images become horizontally scrollable instead.

1.0.0

  • Initial release
  • Marquee animation with three speed presets
  • Image height presets (Small, Medium, Large)
  • Gap presets (Normal, Spacious)
  • Max image width control
  • Direction control (left-to-right, right-to-left)
  • Pause on hover
  • Drag-and-drop image reordering
  • Accessible: ARIA labels, keyboard navigation, reduced motion support
Back to top