Fabian Todt

GoodWP

This plugin provides a very simple slider block which is based on <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper v8</a>. 
The plugin provides a UI for the most common swiper options (navigation, pagination, slides per view). But it is specifically made to be extended via PHP. 
Therefore, it provides many PHP filter hooks to change its behaviour.
The plugin is used in some custom themes and through it’s PHP configuration it’s perfect for a locked-in design (eg agency, clients). 
Through the filters it’s also very easy to extend in your own functions.php file.
If you want to report an issue or suggest features, please take a look at our <a href="https://github.com/goodwp/good-slider" rel="nofollow ugc">GitHub repository</a>.

Good Slider

A simple and extendable slider block based on Swiper.

mark l chaves

This plugin allows you to use of the popular <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a> library in WordPress.
This is a minimalist plugin that is for displaying responsive cards in a slide.
<ul>
<li>On a large screen device, the slide will show a horizontal card (image on the left and text on the right). </li>
<li>On a small device, the slide becomes a stacked card with the image on the top and text on the bottom.</li>
</ul>
See the screengrabs below to get a visual or visit the <a href="https://streetphotography.blog/ashtabula-swiper-slider/" rel="nofollow ugc">live demo</a>.
Note: You should be comfortable with HTML and CSS to use this plugin.
<h3>Usage</h3>
<ol>
<li>Use the <a href="https://github.com/marklchaves/ashtabula/blob/master/ashtabula-demo.html" rel="nofollow ugc">demo HTML file</a> as a starter template. Add this HTML to a HTML or code block/element to your page or post.</li>
<li>To add the images, use the example CSS below as a template. Add the CSS to your Appearance > Customize > Additional CSS or your child theme’s <code>style.css</code> file.</li>
</ol>
CSS example to specify the background image for the responsive card in a slide.
<pre><code>/**
 * Swiper Slider Plugin Custom Styles
 */

#my-swiper-slide-1 {
 background-image: url(mybgimg-1.png);
}
#my-swiper-slide-2 {
 background-image: url(mybgimg-2.png);
}
#my-swiper-slide-3 {
 background-image: url(mybgimg-3.png);
}
</code></pre>
<h3>Credits</h3>
Powered by <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a>.

Ashtabula

Ashtabula - A Swiper Slider Plugin for WordPress

Good Slider vs Ashtabula