Sourav Biswas

PlugVista Carousel Builder Block 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.
<h4>Key Features</h4>
<ul>
<li>Use any Gutenberg block as slide content</li>
<li>6 slide transition effects — Slide, Fade, Coverflow, Flip, Cube, Cards</li>
<li>Built-in Lightbox — click any image in a slide to open a fullscreen modal with keyboard navigation (Arrow keys, Escape) and captions</li>
<li>Free Mode — physics-based momentum scrolling without snapping, ideal for logo carousels</li>
<li>Centered Slides — display the active slide in the center with partial neighbors visible on both sides</li>
<li>Auto Height — carousel height adapts dynamically to the active slide’s content</li>
<li>Mousewheel / Trackpad Scroll — navigate slides by scrolling the mouse wheel or trackpad</li>
<li>Keyboard Navigation — 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>
Three ready-to-use block patterns are included:
<ul>
<li>Full Width Hero Slider — full-width cover slides with call-to-action buttons</li>
<li>Testimonials Slider — quote blocks with autoplay</li>
<li>Logos Carousel — image-based logo ticker with free mode</li>
</ul>
<h4>CSS Customization</h4>
Style the carousel using CSS custom properties in your theme’s <code>theme.json</code> or Additional CSS:
<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>
Integrate with tabs, accordions, modals, and other dynamic layouts that show/hide content:
<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>
This plugin bundles the following third-party library:
Swiper (https://swiperjs.com/) 
License: MIT 
Copyright: Vladimir Kharlampidi 
Source: https://github.com/nolimits4web/swiper
The full Swiper bundle (v11.2.10, ~154 KB) is included and loaded on-demand only on pages that contain a carousel block.
<h3>Credits</h3>
Developed by <a href="https://sourav.work/" rel="nofollow ugc">Sourav Biswas</a>.
Powered by <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a> — the most modern mobile touch slider, released under the MIT license.

PlugVista Carousel Builder Block

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

Dits.Agency

DITS Carousel Slider Block is a custom block that lets you create flexible and responsive sliders directly in the WordPress block editor.
Features:
<ul>
<li>Drag & drop slide reordering</li>
<li>Responsive slider powered by Swiper.js</li>
<li>Custom icons using Font Awesome</li>
<li>Easy slide management inside Gutenberg</li>
<li>Lightweight and developer-friendly</li>
</ul>
This plugin is translation-ready.
<h3>Third-party Resources</h3>
This plugin bundles the following third-party libraries:
<ul>
<li>
Swiper 
License: MIT 
License URI: https://github.com/nolimits4web/swiper/blob/master/LICENSE 
Source: https://swiperjs.com/
</li>
<li>
Font Awesome Free 
License: SIL OFL 1.1 (fonts), MIT (code) 
License URI: https://fontawesome.com/license/free 
Source: https://fontawesome.com/
</li>
<li>
react-beautiful-dnd 
License: MIT 
License URI: https://github.com/atlassian/react-beautiful-dnd/blob/master/LICENSE 
Source: https://github.com/atlassian/react-beautiful-dnd
</li>
<li>
array-move 
License: MIT 
License URI: https://github.com/sindresorhus/array-move/blob/main/license 
Source: https://github.com/sindresorhus/array-move
</li>
</ul>
All bundled libraries are compatible with GPL-2.0-or-later.
<h3>Development</h3>
This plugin uses @wordpress/scripts for building assets.
Source files are located in:
<ul>
<li>src/blocks/</li>
<li>src/components/</li>
<li>src/Data/</li>
</ul>
To build assets:
<ol>
<li>npm install</li>
<li>npm run build</li>
</ol>

DITS Carousel Slider Block

A Gutenberg block that allows you to easily create responsive sliders using Swiper.js.

PlugVista Carousel Builder Block vs DITS Carousel Slider Block