Logo Slider is a powerful and user-friendly Gutenberg block that displays your logos in an elegant, infinitely scrolling carousel. Perfect for showcasing client logos, partner brands, sponsors, or any collection of logos on your WordPress website.
Key Features
- Infinite Scrolling – Seamless, continuous loop without interruption
- Multi-Row Layout – Spread large logo sets across 2-4 rows with alternating scroll direction
- Spotlight Mode – Show one logo at a time in a single slot: the logos take turns with a fade, a slide or a hard cut. Ideal next to a headline, or for a handful of strong reference logos
- Spotlight Color Cycle – Tint the spotlight logos in one brand color, or let them rotate through a whole color set. Set in the same “Logo Color” place as every other color mode
- Capsule Style – Rounded containers behind logos: filled (uniform or alternating checkerboard) or outline, with an optional glow effect
- Hover-Pause – Animation automatically pauses on mouse hover
- Customizable Speed – Choose between slow, medium, and fast scrolling
- Flexible Logo Spacing – Small, medium, or large gaps between logos
- Optional Logo Links – Link each logo individually to external websites
- Overlay Control – Enable/disable edge overlay with custom colors
- Color Customization – Adjust overlay color to match your design
- Logo Color Mode – Convert all logos to black, white, grayscale or a custom tint color, all from one selector
- Adjustable Logo Height – Set custom height from 30px to 150px
- Mobile Logo Height – Optional separate logo height for phones, or fully automatic scaling
- Balanced Logo Sizes – Optionally equalize the visual weight of wide and compact logos automatically
- Text Marquee Block – Second block: infinitely scrolling text ticker for reviews, badges or announcements
- Pause Button – Optional pause/play control for better accessibility (WCAG 2.2.2)
- Alt Texts from the Media Library – Missing alt texts are filled in from the attachment while the page renders, so alt texts maintained in the media library reach the front end without touching the block
- Screen Reader Friendly Loop – The repeated logo sets are hidden from assistive technology, so a client name is announced once instead of once per copy
- Lazy Loading – Logos load lazily by default and are only measured once the carousel comes into view, which keeps them off the critical path
- Grayscale Mode – Logos run desaturated for a calm, uniform look
- Original Colors on Hover – Optional: logos return to their original colors on hover, combinable with every color mode
- Wide & Full Alignment – Native Gutenberg wide/full-width support
- Responsive Design – Perfect display on all devices and screen sizes
- SEO-Friendly – Clean, semantic HTML markup
- Lightweight – Optimized for performance with minimal impact
- No jQuery Required – Pure JavaScript for better performance
Perfect For
- Corporate websites showcasing clients or partners
- Portfolio sites displaying brand collaborations
- Event websites showing sponsors
- E-commerce stores featuring brand partnerships
- Non-profit organizations displaying supporters
- Agency websites showcasing client logos
- News/Media sites showing affiliations
- Any website needing a professional logo showcase
How It Works
- Add the Logo Slider block to any page or post
- Upload your logos (supports JPG, PNG, SVG, WebP)
- Pick a display mode: one scrolling row, several rows, or Spotlight (one logo at a time)
- Customize speed, spacing, colors and appearance
- Optionally add links to each logo
- Publish and enjoy your professional logo carousel
Customization Options
Speed Settings:
– Slow (40 seconds per loop)
– Medium (25 seconds per loop)
– Fast (15 seconds per loop)
Spacing Options:
– Small (20px between logos)
– Medium (40px between logos)
– Large (60px between logos)
Display Modes:
– Single Row – one continuously scrolling row
– Multiple Rows – 2 to 4 rows, alternating direction, uniform or varied speed
– Spotlight – one logo at a time in the same slot
Spotlight Settings:
– Time per logo (0.5 to 10 seconds)
– Transition: Fade, Slide up or Hard cut
– Order: as added or random
– Alignment: left, center or right
Visual Options:
– Enable/disable edge overlay
– Custom overlay color picker
– Logo color mode: Original, Black, White, Grayscale or Custom Color; in Spotlight mode also a Color cycle
– Original colors on hover, combinable with every color mode
– Capsule style behind the logos: filled, alternating or outline, with optional glow
– Custom top/bottom margins
– Adjustable logo height (30px to 150px), with an optional separate height for phones
Developer Friendly
Built with modern development practices:
– Uses WordPress Gutenberg best practices
– Clean, well-documented code
– Translation ready
– Follows WordPress coding standards
– Compatible with WordPress 6.0+
Source Code
The source code for this plugin is available at:
https://github.com/dbwmedia/Infinite-Logo-Carousel-Block
Build instructions:
1. Clone the repository
2. Run npm install
3. Run npm run build
Privacy Policy
This plugin does not collect, store, or transmit any personal data. It does not set any cookies and does not connect to any external services. All logos and settings are stored locally in your WordPress database.
License
This plugin is licensed under the GPL v2 or later.
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.