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.

Mykola

Custom Swiper Slider for Elementor is a powerful and flexible slider widget built on top of <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a>, integrated seamlessly with Elementor. 
It allows you to create beautiful, responsive sliders with:
✅ Elementor Templates as slide content 
✅ Editor content per slide 
✅ Custom arrows (icon or image) 
✅ Pagination (bullets, fraction, progressbar) 
✅ Grid mode (rows × columns) 
✅ Slides per group 
✅ Loop, autoplay, slide effects (fade, cube, coverflow…) 
✅ Full responsive settings for mobile, tablet and desktop
Perfect for developers and designers who want full control without limitations.
Features:
<ul>
<li>Drag-and-drop support inside each slide (via templates)</li>
<li>Navigation: custom arrows (icon or image)</li>
<li>Pagination: bullets, fraction, progressbar</li>
<li>Multiple sliders per page</li>
<li>Lightweight, clean and modern codebase</li>
<li>Full responsive breakpoints for:
<ul>
<li>Slides per view</li>
<li>Slides per group</li>
<li>Rows</li>
</ul>
</li>
<li>Template-based slide rendering via Elementor Saved Templates</li>
<li>Editor-based slide content supported too</li>
</ul>
Built with ❤️ for Elementor users.
☕ Support future development: 
<a href="https://www.buymeacoffee.com/mykolapsuk" rel="nofollow ugc">https://www.buymeacoffee.com/mykolapsuk</a>
<h3>Credits</h3>
This plugin uses <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a> under MIT license. 
Built by Mykola Psuk 💻
Buy me a coffee: <a href="https://www.buymeacoffee.com/mykolapsuk" rel="nofollow ugc">https://www.buymeacoffee.com/mykolapsuk</a>

Custom Swiper Slider for Elementor

Powerful Swiper.js slider for Elementor with full template support, responsive controls, custom navigation, pagination, grid, autoplay and more.

PlugVista Carousel Builder Block vs Custom Swiper Slider for Elementor