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.

PlugPress

Fahim Reza

WPPaw

Divi Torque

DiviEpic

DiviPeople by PlugPress

M. Asif Hossain

Divi Carousel Free is a carousel plugin designed exclusively for the Divi Theme and Divi Builder. Create stunning, responsive carousels in minutes without writing a single line of code.
Whether you need an image carousel or a logo showcase, this plugin integrates seamlessly with Divi’s visual builder interface.
<h4>Why Choose Divi Carousel Free?</h4>
<ul>
<li>Easy to Use – Built for Divi with a familiar drag-and-drop interface</li>
<li>Lightning Fast – Optimized for performance with minimal resource loading</li>
<li>Fully Responsive – Adapts to desktop, tablet, and mobile screen sizes</li>
<li>Touch-Enabled – Swipe gestures for smooth mobile navigation</li>
<li>Customizable – Full control over layout, design, and behavior</li>
<li>Divi 5 Ready – Compatible with both Divi 4 and Divi 5</li>
</ul>
<h4>Included Modules</h4>
Image Carousel 
Create image carousels with customizable transitions, autoplay, navigation arrows, and pagination dots. Ideal for photo galleries, product showcases, and portfolio presentations.
Logo Carousel 
Display client logos, partner brands, or sponsor images in a professional carousel layout. Includes custom links, hover effects, and flexible spacing controls.
<h4>Divi Carousel Pro</h4>
Upgrade to <a href="https://divipeople.com/divi-carousel-pro/" rel="nofollow ugc">Divi Carousel Pro</a> for additional modules and advanced features:
<ul>
<li>Content Carousel – Custom content with icons and call-to-action buttons</li>
<li>Post Carousel – Blog posts with featured images and excerpts</li>
<li>Testimonial Carousel – Customer reviews and testimonials</li>
<li>Team Carousel – Team members with bios and social links</li>
<li>WooCommerce Carousel – Product showcases with add-to-cart buttons</li>
<li>Coverflow and creative 3D effects</li>
<li>Advanced navigation and pagination styles</li>
<li>Lazy loading for improved performance</li>
<li>Priority email support</li>
</ul>
<a href="https://divipeople.com/divi-carousel-pro/" rel="nofollow ugc">Learn more about Divi Carousel Pro</a>
<h4>Compatibility</h4>
<ul>
<li>WordPress 5.0 or higher</li>
<li>Divi Theme or Divi Builder plugin by Elegant Themes</li>
<li>Divi 4 and Divi 5</li>
<li>PHP 7.4 or higher</li>
<li>All modern browsers</li>
</ul>
<h4>Links</h4>
<ul>
<li><a href="https://divipeople.com" rel="nofollow ugc">Official Website</a></li>
<li><a href="https://divipeople.com/docs" rel="nofollow ugc">Documentation</a></li>
<li><a href="https://wordpress.org/support/plugin/wow-carousel-for-divi-lite/" rel="ugc">Support Forum</a></li>
</ul>

Divi Carousel Free (Divi5 Support)


This plugin uses a lot of resources, has PHP 8.1 errors and and it doesn't support alt and title img attributes!!


Heavy and SEO enemy


I am using Divi Builder to create a contact page on my WordPress site. However, I encountered a problem with the Divi Carousel Lite plugin. Whenever I click on any field of the contact form, the page refreshes and I lose the data I entered. This is very frustrating and makes the contact form unusable. I tried disabling other plugins and changing the theme, but the problem persisted. It seems that there is a JavaScript conflict or an incompatibility issue between Divi Builder and Divi Carousel Lite. I hope this problem can be fixed soon, because I really like the features of Divi Carousel Lite.


Divi Form Incompatibility


It's nice that this plugin is included within Divi. Anyway, I don't like the configuration. If you add different sized images and set the maximum size of images, they are getting cut at the top and bottom. Instead, they should change the height to a max height which is an easy programming step. Until this is not fixed, I will not use it.


Not working with different sized images

Create beautiful, responsive image and logo carousels for the Divi Builder — no code required.

Extrnd Block Slider vs Divi Carousel Free (Divi5 Support)