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.

midexigner

mfarazaly

Swiper Js Slider/Carousel with Multirow Simple to use and very effective. Most Modern Mobile Touch Slider
MOST POWERFUL FEATURES
Parameters 
* slidesPerView | To Set Slider in to Carousel 
* spaceBetween | In Carousel space between slides 
* slidesPerColumn | Muti Row with Carousel 
* initialSlide | Position of slider with index 
* direction | Vertial or Horizontal 
* speed | Sliders speed 
* autoHeight | Auto Height adjust according to image height 
* effect | Multiple Effects
Autoplay 
* On/Off. 
* Delay 
* Stop On Last Slide. 
* Disable On Interection. 
* Reverse Direction. 
* Wait For Transition.
Pagination 
* Pagination enable/disable. 
* Pagination Custom Class. 
* Pagination clickable True/False. 
* 3 Types : Bullets, Fraction, Progress Bar. 
* bulletElement : span, div, a. 
* Bullet Custom Class. 
* Bullet Custom Active Class. 
* Active Custom Class. 
* Clickable Custom Class. 
* lockClass Custom Class.
Navigation 
* Next Button Custom Class. 
* Previous Button Custom Class. 
* Disabled Custom Class. 
* Hidden Custom Class.
<h3>Next version</h3>
<ul>
<li>Will Improve user experience and flexibility to make it more powerfull.</li>
<li>More options will be added.</li>
</ul>

Swiper Js Slider

Swiper Js Slider/Carousel with Multirow Simple to use and very effective. Most Modern Mobile Touch Slider

PlugVista Carousel Builder Block vs Swiper Js Slider