Sourav Biswas

<p><strong>PlugVista Carousel Builder Block</strong> adds a powerful and flexible carousel slider to the WordPress block editor. Each slide can hold any Gutenberg block — images, text, buttons, covers, WooCommerce products, and more — giving you complete creative freedom.</p>
<h4>Key Features</h4>
<ul>
<li>Use <strong>any Gutenberg block</strong> as slide content</li>
<li><strong>6 slide transition effects</strong> — Slide, Fade, Coverflow, Flip, Cube, Cards</li>
<li><strong>Built-in Lightbox</strong> — click any image in a slide to open a fullscreen modal with keyboard navigation (Arrow keys, Escape) and captions</li>
<li><strong>Free Mode</strong> — physics-based momentum scrolling without snapping, ideal for logo carousels</li>
<li><strong>Centered Slides</strong> — display the active slide in the center with partial neighbors visible on both sides</li>
<li><strong>Auto Height</strong> — carousel height adapts dynamically to the active slide’s content</li>
<li><strong>Mousewheel / Trackpad Scroll</strong> — navigate slides by scrolling the mouse wheel or trackpad</li>
<li><strong>Keyboard Navigation</strong> — move through slides using the left/right arrow keys</li>
<li>Navigation arrows (toggleable)</li>
<li>Pagination dots (toggleable)</li>
<li>Autoplay with configurable delay, pause-on-hover, and disable-on-interaction options</li>
<li>Infinite loop sliding</li>
<li>RTL (right-to-left) language support</li>
<li>Live multi-column preview in the block editor</li>
<li>Responsive breakpoints — configure slides-per-view for mobile separately</li>
<li>CSS variable theming (theme.json compatible)</li>
<li>On-demand loading — Swiper assets load only on pages that use the carousel</li>
<li>Public JavaScript API for integration with tabs, accordions, and modals</li>
</ul>
<h4>Starter Block Patterns</h4>
<p>Three ready-to-use block patterns are included:</p>
<ul>
<li><strong>Full Width Hero Slider</strong> — full-width cover slides with call-to-action buttons</li>
<li><strong>Testimonials Slider</strong> — quote blocks with autoplay</li>
<li><strong>Logos Carousel</strong> — image-based logo ticker with free mode</li>
</ul>
<h4>CSS Customization</h4>
<p>Style the carousel using CSS custom properties in your theme’s <code>theme.json</code> or Additional CSS:</p>
<ul>
<li><code>--wp--custom--scb--navigation-color</code> — Arrow color</li>
<li><code>--wp--custom--scb--navigation-hover-color</code> — Arrow hover color</li>
<li><code>--wp--custom--scb--navigation-size</code> — Arrow size (height in px)</li>
<li><code>--wp--custom--scb--navigation-sides-offset</code> — Arrow horizontal offset</li>
<li><code>--wp--custom--scb--navigation-alignfull-color</code> — Arrow color for full-width carousels</li>
<li><code>--wp--custom--scb--pagination-bullet-active-color</code> — Active dot color</li>
<li><code>--wp--custom--scb--pagination-bullet-inactive-color</code> — Inactive dot color</li>
<li><code>--wp--custom--scb--pagination-bullet-size</code> — Dot diameter</li>
<li><code>--wp--custom--scb--pagination-bottom</code> — Dot pagination vertical offset</li>
</ul>
<h4>Public JavaScript API</h4>
<p>Integrate with tabs, accordions, modals, and other dynamic layouts that show/hide content:</p>
<pre><code>window.PlugVistaCarouselBuilder.init(container);   // Initialize all carousels inside a container
window.PlugVistaCarouselBuilder.update(container); // Update/re-initialize existing carousels
</code></pre>
<h4>Third-Party Libraries</h4>
<p>This plugin bundles the following third-party library:</p>
<p><strong>Swiper</strong> (https://swiperjs.com/)<br />
License: MIT<br />
Copyright: Vladimir Kharlampidi<br />
Source: https://github.com/nolimits4web/swiper</p>
<p>The full Swiper bundle (v11.2.10, ~154 KB) is included and loaded on-demand only on pages that contain a carousel block.</p>
<h3>Credits</h3>
<p>Developed by <a href="https://sourav.work/" rel="nofollow ugc">Sourav Biswas</a>.</p>
<p>Powered by <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a> — the most modern mobile touch slider, released under the MIT license.</p>


PlugVista Carousel Builder Block

A carousel slider block with 6 slide effects, built-in lightbox, free mode, keyboard navigation, autoplay, and CSS variable theming.

Michael

<p>Creates a simple Swiper slider out of container elements. Flexbox has to be active.</p>
<h3>How to use it</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/s8oyX1u-T6E?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<ul>
<li>create a horizontal container and give it an ID (Advanced – CSS ID)</li>
<li>add multiple sub containers (those are the slides)</li>
<li>add the <code>Slide everything</code> widget somewhere in the page</li>
<li>set the ID of the container in “Slider ID”</li>
<li>change some settings</li>
<li>preview the page</li>
</ul>
<p>Events:</p>
<p>You can listen to the <code>miga_slide_everything_init</code> event to get informed when the slider is ready to use:<br />
    <code>document.addEventListener("miga_slide_everything_init", function(e) {<br />
  alert("ready");<br />
});</code></p>
<p>Currently only working with one slider in your page!</p>


Slide everything for Elementor

Creates a simple Swiper slider out of container elements. Flexbox has to be active.

PlugVista Carousel Builder Block vs Slide everything for Elementor