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.

MatthewRuddy

Creating sliders with WordPress has always been a tricky business. Similiar plugins try to provide a solution but none really hit the mark. Easing Slider aims to fix that. This plugin focuses on achieving it’s core purpose – to create and manage sliders with ease. It aims to keep slider creation simple, require little to no learning curve, and fit into the WordPress admin area like it was included from the start.
Put simply, Easing Slider makes creating sliders simple by providing just the features you need.
<blockquote>
Need additionals features? Easing Slider is fully flexible and can be enhanced with add-ons available to license holders only. Want to gain access? <a href="http://easingslider.com/#product-pricing" rel="nofollow ugc">See Pricing</a>.
</blockquote>
Some of the best Easing Slider features include:
<h4>Primary Features</h4>
<ul>
<li>Responsive & ready for all devices</li>
<li>Seamless integration with the WordPress admin area</li>
<li>Full WordPress Media Library integration</li>
<li>Smooth transitions thanks to hardware acceleration</li>
<li>Professional & reliable code by experienced PHP developers</li>
<li>Lazy Loading for extremely fast page loading times</li>
<li>Lots of add-ons to enhance functionality greatly (<a href="http://easingslider.com/addons" rel="nofollow ugc">See our Website</a>)</li>
</ul>
<h4>Support</h4>
Need help & support? No problems. If you ever run into any trouble, don’t hesitate to <a href="http://easingslider.com/support" rel="nofollow ugc">Contact Us</a>.
<h4>Additional Features</h4>
Easing Slider is highly focused to ensure a solid user experience. To ensure this, we offer our additional features as installable add-ons. This ensures that you’re using only the features you require, with nothing else to pollute your product experience. Some additional feature available include:
<ul>
<li>Simple Captions – Add captions to your slides with minimal effort!</li>
<li>Posts Feed – Source slides from WordPress posts, pages, or a custom post type.</li>
<li>Thumbnails – Use thumbnails as for slider pagination, instead of icons.</li>
<li>Video Slides – Add videos to your sliders from YouTube, Vimeo or Wistia.</li>
<li>Carousel – Turn your slider(s) into a carousel, showing multiple slides at once.</li>
<li>Lightbox – Link images to a jQuery Lightbox</li>
<li>External Images – Add images from external sites via URL</li>
</ul>
<h4>Contributing</h4>
Easing Slider is fully open source. We welcome all contributions, issues and criticism. Please don’t hesitate to follow & contribute through Github. You can find our repository <a href="https://github.com/easingslider/easing-slider" rel="nofollow ugc">here</a>.

Easing Slider

The easiest way to create sliders with WordPress.

Extrnd Block Slider vs Easing Slider