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

Mykola

Custom Swiper Slider for Elementor is a powerful and flexible slider widget built on top of <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a>, integrated seamlessly with Elementor. 
It allows you to create beautiful, responsive sliders with:
✅ Elementor Templates as slide content 
✅ Editor content per slide 
✅ Custom arrows (icon or image) 
✅ Pagination (bullets, fraction, progressbar) 
✅ Grid mode (rows × columns) 
✅ Slides per group 
✅ Loop, autoplay, slide effects (fade, cube, coverflow…) 
✅ Full responsive settings for mobile, tablet and desktop
Perfect for developers and designers who want full control without limitations.
Features:
<ul>
<li>Drag-and-drop support inside each slide (via templates)</li>
<li>Navigation: custom arrows (icon or image)</li>
<li>Pagination: bullets, fraction, progressbar</li>
<li>Multiple sliders per page</li>
<li>Lightweight, clean and modern codebase</li>
<li>Full responsive breakpoints for:
<ul>
<li>Slides per view</li>
<li>Slides per group</li>
<li>Rows</li>
</ul>
</li>
<li>Template-based slide rendering via Elementor Saved Templates</li>
<li>Editor-based slide content supported too</li>
</ul>
Built with ❤️ for Elementor users.
☕ Support future development: 
<a href="https://www.buymeacoffee.com/mykolapsuk" rel="nofollow ugc">https://www.buymeacoffee.com/mykolapsuk</a>
<h3>Credits</h3>
This plugin uses <a href="https://swiperjs.com/" rel="nofollow ugc">Swiper.js</a> under MIT license. 
Built by Mykola Psuk 💻
Buy me a coffee: <a href="https://www.buymeacoffee.com/mykolapsuk" rel="nofollow ugc">https://www.buymeacoffee.com/mykolapsuk</a>

Custom Swiper Slider for Elementor

Powerful Swiper.js slider for Elementor with full template support, responsive controls, custom navigation, pagination, grid, autoplay and more.

Ashtabula vs Custom Swiper Slider for Elementor