sulaimandauda

Extrnd Block Slider adds a slider block for the WordPress editor with responsive layout controls, navigation options, and accessible frontend output. It uses the Embla Carousel library for touch-friendly scrolling and does not require jQuery.
Key Features:
<ul>
<li>Small frontend assets — streamlined JavaScript and CSS for frontend rendering</li>
<li>Zero jQuery — no jQuery dependency, not even transitively</li>
<li>Gutenberg native — configure everything inside the block editor, no admin pages</li>
<li>9 presets — Default, Hero, Gallery, Cards, Testimonials, Fullscreen, Logo Carousel, Coverflow, Fade</li>
<li>6 transition effects — Slide, Fade, Scale, Parallax, Coverflow, Flip with smooth scroll-based animations</li>
<li>5 arrow styles — Default, Rounded, Minimal, Outline, Circle</li>
<li>5 arrow positions — Sides, Bottom Right, Bottom Left, Bottom Center, Outside</li>
<li>5 pagination styles — Dots, Lines, Dashes, Numbers, Outline</li>
<li>3 pagination positions — Bottom, Right, Left</li>
<li>Progress bar — thin scroll-based progress indicator</li>
<li>Slide counter — shows current/total slide count (e.g. 1 / 5)</li>
<li>Navigation colours — customise arrow background, arrow icon, dot, and active dot colours</li>
<li>Responsive breakpoints — desktop, tablet (≤ 1024 px), and mobile (≤ 768 px) slides per view</li>
<li>Settings & Styles tabs — organised into Settings (Preset, Layout, Playback) and Styles (Effects, Navigation, Colors) tabs</li>
<li>Accessible — full keyboard navigation, screen reader announcements, reduced motion support</li>
<li>Developer friendly — PHP filter (<code>extrnd_block_slider_options</code>) and JS hooks (<code>extrndSlider.options</code>, <code>extrndSlider.init</code>, <code>extrndSlider.slideChange</code>)</li>
<li>Block transforms — convert Gallery, Group, or multi-selected blocks to/from Slider</li>
<li>Lazy initialisation — sliders below the fold only initialise when scrolled into view</li>
<li>Dynamic rendering — PHP render callback ensures future-proof output with zero block validation errors</li>
</ul>
Presets:
<ul>
<li>Default — standard full-width slider</li>
<li>Hero — 80 vh feature banner with fade transition</li>
<li>Gallery — multi-slide with 16 px gap</li>
<li>Cards — 3 visible slides with 24 px gap</li>
<li>Testimonials — centred single testimonial</li>
<li>Fullscreen — edge-to-edge 100 dvh</li>
<li>Logo Carousel — continuous-scroll brand logos</li>
<li>Coverflow — 3D coverflow effect</li>
<li>Fade — crossfade transitions</li>
</ul>
<h3>Development</h3>
The full uncompiled source code is included in the <code>src/</code> directory. The <code>build/</code> directory contains the compiled assets generated by esbuild. To regenerate the build files from source, run <code>npm install</code> followed by <code>npm run build</code>.
<h3>Third-Party Libraries</h3>
This plugin includes the Embla Carousel library for slider behaviour.
<ul>
<li>Project: Embla Carousel</li>
<li>Repository: https://github.com/davidjerleke/embla-carousel</li>
</ul>

Extrnd Block Slider

Responsive slider blocks for the WordPress editor with navigation controls, layout presets, and accessible frontend output.

ShapedPlugin LLC

Rubel Miah

Md Khalil Uddin

Shamim Mia

<a href="https://wpcarousel.io/" rel="nofollow ugc">WP Carousel</a> is a responsive plugin for creating Carousel, Slider, Photo Gallery, and Video Slider in WordPress. It supports images, posts, WooCommerce products, and YouTube videos. Images can be selected directly from the WordPress media library and arranged with drag-and-drop. The plugin is lightweight, responsive, and works across all major devices and browsers.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLoUb-7uG-5jO_zo3exhqUNlZ7h0FQVJTt" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://wpcarousel.io/wp-carousel-free-demo/" rel="nofollow ugc">Live Demo</a> | <a href="https://www.youtube.com/shapedplugin/" rel="nofollow ugc">Video Tutorials</a> | <a href="https://docs.shapedplugin.com/docs/wordpress-carousel/introduction/" rel="nofollow ugc">Documentation</a> | <a href="https://shapedplugin.com/create-new-ticket/" rel="nofollow ugc">Support</a>
<h3>You’ll be ble to display</h3>
Image Carousel & Slider: Create Carousels and Sliders by uploading images from the WordPress media library.
Photo Gallery: Build image galleries with lightbox support and customizable layouts.
Post Carousel: Display recent posts in a carousel with title, image, excerpt, date, and author.
Post Grid: Show posts in a grid format with title, image, excerpt, date, and author.
WooCommerce Product Carousel: Display WooCommerce products in a carousel with options to show or hide product name, image, price, rating, and add-to-cart button.
Product Grid Gallery: Show WooCommerce products in a grid gallery with product details such as name, image, price, reviews, and add-to-cart button.
Video Slider & Gallery: Create sliders and galleries with multiple YouTube videos.
<h3>Features you’ll love</h3>
Drag & Drop Responsive Builder: Easily upload and reorder slides with the responsive drag-and-drop builder. Supports images and videos, letting you organize carousels and galleries in any order.
Multiple Carousels and Galleries: Add and display multiple carousels or galleries on the same page without conflict.
Carousel Controls: Enable or disable autoplay, set speed, stop on hover, and loop infinitely. Show or hide navigation and pagination dots with custom colors. Touch swipe and mouse drag are also supported.
Responsive and Mobile Ready: WP Carousel sliders and galleries are fully responsive. You can set the number of columns and spacing individually for small, medium, and large devices.
Lightbox Open images or videos in a popup overlay for viewing larger versions without leaving the page. Works across devices and is easy to navigate.
Color & Styling Options: The plugin lets you customize colors and styles for carousels and galleries to match your site’s design.
Multisite Support: The plugin can be used across WordPress multisite networks, allowing you to create and manage carousels on multiple sites from a single installation.
Theme & Plugin Compatibility: The plugin is compatible with most WordPress themes and plugins, ensuring smooth integration without conflicts.
<h3>Page Builders Ready</h3>
<ul>
<li>Gutenberg Editor</li>
<li>WPBakery</li>
<li>Elementor</li>
<li>BeaverBuilder</li>
<li>SiteOrgin</li>
<li>DiviBuilder</li>
<li>LayersWP</li>
<li>MotoPress</li>
<li>CornerStone</li>
<li>Themify Builder etc.</li>
</ul>
<h3>Multilingual Ready</h3>
<ul>
<li><a href="https://wpml.org/" rel="nofollow ugc">WPML</a></li>
<li><a href="https://wordpress.org/plugins/polylang/" rel="ugc">Polylang</a></li>
<li><a href="https://wordpress.org/plugins/loco-translate/" rel="ugc">Loco Translate</a></li>
<li><a href="https://wordpress.org/plugins/qtranslate-x/" rel="ugc">qTranslate-x</a></li>
<li><a href="https://wordpress.org/plugins/gtranslate/" rel="ugc">GTranslate</a></li>
<li><a href="https://wordpress.org/plugins/google-language-translator/" rel="ugc">Google Language Translator</a></li>
<li><a href="https://wordpress.org/plugins/wpglobus/" rel="ugc">WPGlobus</a></li>
</ul>
<h3>For fast support, features request, and bug reporting</h3>
<blockquote>
Ask us at <a href="https://shapedplugin.com/create-new-ticket/" rel="nofollow ugc">Support.</a>
</blockquote>
<h3>WP Carousel Pro</h3>
<a href="https://wpcarousel.io/?ref=1" rel="nofollow ugc">WP Carousel</a> is the free version of <a href="https://wpcarousel.io/pricing?ref=1" rel="nofollow ugc">WP Carousel Pro</a>. The Pro version includes additional features such as support for posts, WooCommerce products, custom content (text, HTML, shortcodes), and extended video options. It also supports WordPress pages, custom post types, taxonomies, and custom taxonomies. Video sources include YouTube, Vimeo, TikTok, Twitch, Wistia, Dailymotion, MP4, WebM, and self-hosted videos with lightbox support. See <a href="https://docs.shapedplugin.com/docs/wordpress-carousel-pro/introduction/" rel="nofollow ugc">Documentation</a>.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent&listType=playlist&list=PLoUb-7uG-5jNgTTcnUflIiytxgTWaBEzm" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<a href="https://www.youtube.com/watch?v=m2XP6GNW0mE&index=2&list=PLoUb-7uG-5jNgTTcnUflIiytxgTWaBEzm" rel="nofollow ugc">Watch all Tutorials »</a>
<h3>Author</h3>
Designed and Developed by <a href="https://shapedplugin.com/" rel="nofollow ugc">ShapedPlugin</a>

Carousel, Slider, Photo Gallery with Lightbox, Video Slider, by WP Carousel

Works good for me!


I have to upgrade if i want to center my single image in the carousel...


Free version is super-restricted

Carousel, Slider, and Photo Gallery with Lightbox plugin. Create Image Carousel, Video Slider, Post Carousel, Post Grid, Product Carousel, and more.

Extrnd Block Slider vs Carousel, Slider, Photo Gallery with Lightbox, Video Slider, by WP Carousel