sulaimandauda

<p>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.</p>
<p><strong>Key Features:</strong></p>
<ul>
<li><strong>Small frontend assets</strong> — streamlined JavaScript and CSS for frontend rendering</li>
<li><strong>Zero jQuery</strong> — no jQuery dependency, not even transitively</li>
<li><strong>Gutenberg native</strong> — configure everything inside the block editor, no admin pages</li>
<li><strong>9 presets</strong> — Default, Hero, Gallery, Cards, Testimonials, Fullscreen, Logo Carousel, Coverflow, Fade</li>
<li><strong>6 transition effects</strong> — Slide, Fade, Scale, Parallax, Coverflow, Flip with smooth scroll-based animations</li>
<li><strong>5 arrow styles</strong> — Default, Rounded, Minimal, Outline, Circle</li>
<li><strong>5 arrow positions</strong> — Sides, Bottom Right, Bottom Left, Bottom Center, Outside</li>
<li><strong>5 pagination styles</strong> — Dots, Lines, Dashes, Numbers, Outline</li>
<li><strong>3 pagination positions</strong> — Bottom, Right, Left</li>
<li><strong>Progress bar</strong> — thin scroll-based progress indicator</li>
<li><strong>Slide counter</strong> — shows current/total slide count (e.g. 1 / 5)</li>
<li><strong>Navigation colours</strong> — customise arrow background, arrow icon, dot, and active dot colours</li>
<li><strong>Responsive breakpoints</strong> — desktop, tablet (≤ 1024 px), and mobile (≤ 768 px) slides per view</li>
<li><strong>Settings & Styles tabs</strong> — organised into Settings (Preset, Layout, Playback) and Styles (Effects, Navigation, Colors) tabs</li>
<li><strong>Accessible</strong> — full keyboard navigation, screen reader announcements, reduced motion support</li>
<li><strong>Developer friendly</strong> — 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><strong>Block transforms</strong> — convert Gallery, Group, or multi-selected blocks to/from Slider</li>
<li><strong>Lazy initialisation</strong> — sliders below the fold only initialise when scrolled into view</li>
<li><strong>Dynamic rendering</strong> — PHP render callback ensures future-proof output with zero block validation errors</li>
</ul>
<p><strong>Presets:</strong></p>
<ul>
<li><strong>Default</strong> — standard full-width slider</li>
<li><strong>Hero</strong> — 80 vh feature banner with fade transition</li>
<li><strong>Gallery</strong> — multi-slide with 16 px gap</li>
<li><strong>Cards</strong> — 3 visible slides with 24 px gap</li>
<li><strong>Testimonials</strong> — centred single testimonial</li>
<li><strong>Fullscreen</strong> — edge-to-edge 100 dvh</li>
<li><strong>Logo Carousel</strong> — continuous-scroll brand logos</li>
<li><strong>Coverflow</strong> — 3D coverflow effect</li>
<li><strong>Fade</strong> — crossfade transitions</li>
</ul>
<h3>Development</h3>
<p>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>.</p>
<h3>Third-Party Libraries</h3>
<p>This plugin includes the Embla Carousel library for slider behaviour.</p>
<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.

David Bisset

Chris Kelley

Nathan Singh

Soliloquy Slider

<h4>Responsive WordPress Slider Plugin</h4>
<p>We believe that you shouldn’t have to hire a developer to create a WordPress slider. That’s why we built <a href="https://soliloquywp.com/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" title="Soliloquy" rel="friend nofollow ugc">Soliloquy</a>, a drag & drop <strong>slider plugin</strong> that’s both EASY and POWERFUL.</p>
<p><strong>Soliloquy</strong> allows you to create beautiful responsive image and video sliders for your WordPress site in minutes, not hours! Add carousel sliders and much more in no time.</p>
<p>User experience is our #1 priority. That’s why we put in extra effort to ensure that Soliloquy is the best responsive <strong>image slider</strong> for WordPress. This means that your slideshows will always look great on all devices (mobile (iOS or Android), tablet, laptop, and desktop).</p>
<p>Soliloquy is highly optimized for web and server performance because we understand the importance of speed when it comes to SEO and conversion. According to multiple independent speed tests, this is the <strong>fastest plugin</strong> in the market of its kind.</p>
<blockquote>
<p><strong>Soliloquy Pro</strong><br />
  This plugin is the lite version of the popular Soliloquy Pro plugin. The Pro plugin comes with all the features you will ever need including templates and sliders for: PDFs, WooCommerce, featured content, carousel, Lightbox, thumbnail navigation, Instagram, image protection, and tons more. <a href="https://soliloquywp.com/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" title="Envira Gallery" rel="friend nofollow ugc">Click here to purchase Soliloquy now!</a></p>
</blockquote>
<p><strong>Soliloquy</strong> has been downloaded over 1,500,000 times. Here’s why smart photographers, designers, and developers love Soliloquy, and you will too!</p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/DAR_dL3biWw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Drag & Drop Responsive Builder</h4>
<p>We were tired of bloated and buggy plugins. That’s why we built Soliloquy to adapt to your workflow. By using our easy to use <a href="https://soliloquywp.com/features/drag-drop-builder/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">drag and drop builder</a>, you can upload your images, rearrange them.</p>
<p>You can also add slider blocks built for the new WordPress 5.0 Gutenberg block editor.</p>
<p>But don’t just take our word. See what one of the WordPress experts are saying:</p>
<blockquote>
<p>I used to custom build rotators for every project since I hadn’t found a tool with the flexibility I needed. Now I have Soliloquy. It <strong>works great out of the box</strong>, has an easy-to-use interface, and gives you the power to customize everything with hooks and filters.<br />
  Bill Erickson – WordPress Consultant</p>
</blockquote>
<h4>Responsive, SEO Friendly and Optimized for Speed</h4>
<p>Soliloquy is 100% responsive and mobile-friendly by default. We also optimized every query on the front-end and the back-end to ensure maximum speed.</p>
<p>We made Soliloquy the most SEO friendly plugin with proper HTML markup, fast speed, and Google friendly display.</p>
<h4>Themes</h4>
<p>You can use the many pre-made templates.</p>
<p>On top of our themes, you can use custom CSS to customize anything.</p>
<p>See the demo of our <a href="https://soliloquywp.com/demo/slider-themes-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">WordPress slider themes</a>.</p>
<h4>WooCommerce Products</h4>
<p>Easily create product slideshows with just a few clicks.</p>
<p>You can filter by category, price, availability, featured, or another criteria.<br />
You can also include or exclude specific products.</p>
<p>Watch the <a href="https://soliloquywp.com/addons/woocommerce-addon/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">WooCommerce product slides video</a>.</p>
<h4>Featured Content</h4>
<p>Slideshows for blog posts, products, testimonials, photo galleries, and more. Almost anything based on your website’s content.</p>
<p>Watch the <a href="https://soliloquywp.com/addons/featured-content/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">WooCommerce featured content video</a>.</p>
<h4>Lightbox</h4>
<p>For your images, photos, and galleries. Opens your images in a full screen mode that’s easy to browse on all devices.</p>
<p>Yes, it’s 100% mobile friendly.</p>
<p>See the <a href="https://soliloquywp.com/demo/lightbox-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Lightbox demo</a>.</p>
<h4>Carousel</h4>
<p>You can create slideshows for carousel images, videos, or even complete gallery carousel.</p>
<p>See the <a href="https://soliloquywp.com/demo/carousel-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Carousel demo</a>.</p>
<h4>Dynamic Slides</h4>
<p>Automatically create slideshows from blog posts, testimonials, Instagram images, and galleries.</p>
<h4>Slides with Thumbnails</h4>
<p>Add thumbnail images as your navigation.</p>
<p>You can configure the size, position, and more.</p>
<p>See the <a href="https://soliloquywp.com/demo/slider-with-thumbnails-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Thumbnail slides demo</a>.</p>
<h4>Instagram Slides</h4>
<p>A slideshow based on your Instagram photos, photos that you like, or even photos with specific tags.</p>
<p>You can have as many photos that you like. You can even display photo captions.</p>
<p>See the <a href="https://soliloquywp.com/demo/instagram-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Instagram slides demo</a>.</p>
<h4>PDF Slides</h4>
<p>Great for showing your presentation slides on your website.</p>
<p>See the <a href="https://soliloquywp.com/demo/pdf-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">PDF slides demo</a>.</p>
<h4>Video Slides</h4>
<p>Show videos from multiple sources: YouTube, Vimeo, Wistia, and even self-hosted videos.</p>
<p>See the <a href="https://soliloquywp.com/demo/video-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Video slides demo</a>.</p>
<h4>Custom HTML Slides</h4>
<p>Slideshows for Quotes, mixed-content, and others using HTML.</p>
<p>See the <a href="https://soliloquywp.com/demo/html-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">HTML slides demo</a>.</p>
<h4>Transition Effects</h4>
<p>Soliloquy comes with numerous transitions that you can choose from. You can have a fade image transition, horizontal scroll image transition, vertical scroll image transition, ticker scroll image transition, and more.</p>
<p>You can also auto play, control your transition speed, and more.</p>
<h4>Schedule Addon</h4>
<p>The schedule feature is great for holiday sales and special events.</p>
<h4>Pinterest Media button</h4>
<p>Allows users to easily share your images on Pinterest.</p>
<p>See the <a href="https://soliloquywp.com/addons/pinterest/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Pinterest demo</a>.</p>
<h4>Easy to Customize and Extend</h4>
<p>You can easily customize Soliloquy with our built-in templates or create your own.</p>
<p>But we also knew that our developer friends may want to extend it further. That’s why Soliloquy comes with tons of hooks and filters (and yes it’s all very-well documented).</p>
<p>See why one of the leading WordPress developers love Soliloquy:</p>
<blockquote>
<p>Soliloquy is just as easy to use as you’d hope, and its underlying code is solid. It follows WordPress coding conventions, is securely coded, and blends into the WordPress UI perfectly. I’ll definitely be recommending Soliloquy to anyone who needs a WordPress slider plugin!<br />
  Mark Jaquith – Lead Developer for WordPress</p>
</blockquote>
<h4>Full Soliloquy Feature List</h4>
<ul>
<li>Guttenberg Blocks for WordPress 5.0</li>
<li>Drag & Drop Builder</li>
<li>100% Responsive – Mobile Friendly</li>
<li>Beautiful Templates for Customization</li>
<li><a href="https://soliloquywp.com/addons/featured-content/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Featured Content</a> – Easily create slideshows based on blog posts, pages, products, testimonials, and other custom post types.</li>
<li><a href="https://soliloquywp.com/addons/woocommerce-addon/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">WooCommerce</a> – Create beautiful product slides for your WooCommerce store.</li>
<li><a href="https://soliloquywp.com/addons/lightbox/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Lightbox</a> – Create Lightbox slideshows for your photos and galleries.</li>
<li><a href="https://soliloquywp.com/addons/carousel/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Carousel</a> – Create responsive carousels for your images, photos, videos, and galleries.</li>
<li><a href="https://soliloquywp.com/addons/thumbnails/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Thumbnails</a> – Add thumbnail images as navigation.</li>
<li><a href="https://soliloquywp.com/addons/instagram/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Instagram</a> – Import images from Instagram.</li>
<li><a href="https://soliloquywp.com/addons/pdf/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">PDFs</a> – From your presentation slides and other PDF files.</li>
<li><a href="https://soliloquywp.com/addons/pinterest/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Pinterest</a> – Easily add Pinterest “Pin It” buttons.</li>
<li><a href="https://soliloquywp.com/addons/css/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">CSS Styles</a> – Customize with custom CSS.</li>
<li><a href="https://soliloquywp.com/addons/protection-addon/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Image Protection</a> – Protect your images with Soliloquy protection addon.</li>
<li><a href="https://soliloquywp.com/addons/schedule/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Schedule Slides</a> – Easily schedule items to display at specific time intervals.</li>
<li><a href="https://soliloquywp.com/addons/defaults-addon/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Default Settings</a> – Speed up your creation with customized Default settings.</li>
<li>Want us to add something else? Suggest a feature and we’ll get it added!</li>
</ul>
<blockquote>
<p>We have used many sliders in the past building client WordPress sites and now only use Soliloquy. It is designer/developer friendly to customize and easy for our clients to use once the site is their hands. We don’t even consider using anything else.<br />
  Brian Bourn – Expert WordPress Consultant</p>
</blockquote>
<h4>Demos</h4>
<p>Soliloquy is truly the perfect combination of Easy and Powerful.</p>
<p>While Soliloquy offers tons of features, below are some of the most requested demos.</p>
<ul>
<li><a href="https://soliloquywp.com/demo/carousel-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc"> Carousel Demo</a></li>
<li><a href="https://soliloquywp.com/demo/featured-content-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc"> Featured Content Demo</a></li>
<li><a href="https://soliloquywp.com/demo/lightbox-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc"> Lightbox Demo</a></li>
<li><a href="https://soliloquywp.com/demo/video-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc"> Video Demo</a></li>
<li><a href="https://soliloquywp.com/instagram-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc"> Instagram Demo</a></li>
<li><a href="https://soliloquywp.com/demo/pdf-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc"> PDF Demo</a></li>
<li><a href="https://soliloquywp.com/demo/html-slider-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc"> Custom HTML Slideshow Demo</a></li>
<li><a href="https://soliloquywp.com/demo/slider-with-thumbnails-demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc"> Slideshow with Thumbnails Demo</a></li>
<li>See the full list of <a href="https://soliloquywp.com/demo/?utm_source=wprepo&utm_medium=link&utm_campaign=liteversion" rel="friend nofollow ugc">Soliloquy Demos</a></li>
</ul>
<h4>Credits</h4>
<h4>What’s Next</h4>
<p>If you like Soliloquy, then consider checking out our other plugins:</p>
<ul>
<li><a href="http://enviragallery.com/" title="Envira Gallery" rel="friend nofollow ugc">Envira Gallery</a> – Best WordPress Gallery Plugin</li>
<li><a href="https://wp-pdf.com/" title="WP-PDF Embedder" rel="friend nofollow ugc">WP-PDF Embedder</a> – Best WordPress PDF Embedding Plugin</li>
</ul>
<h3>Notes</h3>
<p>In v2.0 of Soliloquy Lite, we introduce a big plugin architecture change. You need to make sure you click on the link and follow the instructions on the screen when updating.</p>
<p>The pro version of Soliloquy has many more features and enables you to do so much more than Soliloquy Lite, such as add images from your Media Library and use your own custom videos from YouTube, Vimeo and Wistia!</p>


Slider by Soliloquy – Responsive Image Slider for WordPress

We use this slider often in customer websites and works great! Not too complex for end users and works smooth.

Keep up the good work!

Great slider!

The best WordPress slider plugin. Drag & Drop responsive slider builder that helps you create a beautiful image slideshows with just a few clicks.

Extrnd Block Slider vs Slider by Soliloquy – Responsive Image Slider for WordPress