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.

Mahabub Alam

<p>BoldSlider is a lightweight, fully-responsive slider builder for WordPress with a real visual editor — drag layers on a canvas, set per-device overrides, and embed via shortcode or Gutenberg block.</p>
<h4>Free version highlights</h4>
<ul>
<li><strong>Visual builder</strong> — drag, resize, rotate layers on a real canvas. Eight resize handles. Keyboard nudge + delete.</li>
<li><strong>Per-device responsive</strong> — override layer position, size, font size, color, and visibility separately for Desktop / Tablet / Mobile.</li>
<li><strong>Layer types (7 free):</strong> Heading, Paragraph, Image, Button, Shape, YouTube embed, Vimeo embed.</li>
<li><strong>Slider effects:</strong> Slide, Fade, Cube, Coverflow, Flip, Cards.</li>
<li><strong>Backgrounds:</strong> image (with cover/contain/percentage/auto fit, repeat, 9-grid + custom position), color, uploaded MP4 video.</li>
<li><strong>Background animations:</strong> Ken Burns, Zoom In, Zoom Out, Pan Left, Pan Right.</li>
<li><strong>Navigation arrows</strong> with placement (inside/outside) + position (top/middle/bottom) + size + offset + colors + hover styles.</li>
<li><strong>Pagination</strong> (bullets / fraction / progress bar) with placement, position, bullet size/gap, clickable, active + inactive colors.</li>
<li><strong>Thumbnail strip</strong> (Swiper Thumbs).</li>
<li><strong>Autoplay</strong> with delay + pause-on-hover.</li>
<li><strong>Layer animations</strong> — 8 CSS-based entrance presets (fade, fade-up/down/left/right, zoom-in/out).</li>
<li><strong>Button hover styles</strong> + 12 built-in arrow icons.</li>
<li><strong>Starter templates:</strong> Multiple ready-to-use templates (Hero, Business, Portfolio, Testimonials, Promo / Sale, Product Launch, Team, Event, Startup, Minimal, Restaurant, Charity, Welcome).</li>
<li><strong>Embed</strong> via <code>[boldslider id="your-slider-slug"]</code> shortcode or Gutenberg block.</li>
<li><strong>Import / Export</strong> sliders as JSON.</li>
<li><strong>Duplicate</strong> sliders + slides in one click.</li>
<li><strong>Slider library page</strong> with thumbnail previews + search.</li>
<li><strong>Performance:</strong> lazy-load images, no jQuery, no external CDN, deferred JS.</li>
<li><strong>SEO friendly:</strong> semantic <code><h1></code>–<code><h6></code> headings, <code>alt</code> and <code>title</code> attributes (Media Library or custom).</li>
<li><strong>Accessibility:</strong> keyboard navigation, proper ARIA labels.</li>
</ul>
<h4>External services</h4>
<p>BoldSlider does not call out to any external services or CDNs. All assets are bundled locally inside the plugin.</p>
<h3>Development</h3>
<h4>Source code</h4>
<p>The compiled/minified JavaScript and CSS files in <code>assets/dist/</code> are built from the uncompressed source code included in this plugin:</p>
<ul>
<li><strong>Editor UI (React):</strong> <code>editor/src/</code> — JSX components, store, hooks, views, and SCSS styles.</li>
<li><strong>Frontend runtime:</strong> <code>editor/src/frontend.js</code> — Swiper initialization and layer animations.</li>
<li><strong>Block editor script:</strong> <code>editor/src/block.js</code> — Gutenberg block registration.</li>
<li><strong>Stylesheets:</strong> <code>editor/src/editor.scss</code> and <code>editor/src/frontend.scss</code>.</li>
</ul>
<h4>Build instructions</h4>
<p>Prerequisites: Node.js 18+ and npm 9+.</p>
<ol>
<li>Navigate to the plugin directory: <code>cd boldslider</code></li>
<li>Install dependencies: <code>npm install</code></li>
<li>Build production assets: <code>npm run build</code></li>
<li>For development with live rebuild: <code>npm run start</code></li>
</ol>
<p>The build pipeline uses <code>@wordpress/scripts</code> (webpack-based).</p>
<h4>Third-party libraries</h4>
<ul>
<li><a href="https://swiperjs.com/" rel="nofollow ugc">Swiper</a> v11 — MIT License — touch-enabled slider engine.</li>
</ul>


BoldSlider

A fast, modern WordPress slider plugin with a visual layer editor. Powered by Swiper. No jQuery, no external CDN.

PlugVista Carousel Builder Block vs BoldSlider