Advanced slider module for Joomla that brings the power of Swiper.js to your site with modern layouts, smooth animations and full mobile support.
Overview
Swiper Slider is a highly configurable slider module for Joomla, built on top of the Swiper.js library, the most modern free mobile touch slider. It is ideal for image galleries, hero sliders, cards layouts, testimonials and more.
Mobile-first
Touch-enabled, hardware-accelerated transitions, smooth on phones and tablets.
Multiple layouts
From classic carousels to cards, thumbs gallery, autoplay progress and creative effects.
Highly configurable
Fine-tune slides per view, breakpoints, navigation, pagination, autoplay and more.
At a glance
- Modern Swiper.js engine with responsive breakpoints support.
- Multiple built‑in layout templates (hero, cards, thumbs gallery, creative, autoplay progress…).
- Uses Joomla module interface: no coding required for basic setups.
- Ideal for homepages, portfolios, product showcases and landing pages.
- Developer‑friendly with clean HTML output and template overrides support.
Layouts & examples
Multiple layouts available directly from module parameters. From classic hero sliders to advanced creative effects.
Hero slider
Full‑width hero with arrows and bullets. Perfect for homepages.
Thumbs gallery
Main slider with thumbnail navigation below, ideal for galleries and portfolios.
Autoplay progress
Automatic slider with visual progress spinner. Great for featured content.
Pagination bullets
Numbered bullet pagination for precise slide navigation.
Cards layout
Stacked cards effect, perfect for testimonials, blog highlights or featured items.
3D cube
Eye‑catching 3D cube effect for premium presentations and showcases.
Key features
- Fully responsive, touch‑enabled slider with mouse and touch swipe support.
- Multiple slide effects (slide, fade, creative, cards‑style and more depending on Swiper version).
- Configurable slides per view, spacing, breakpoints and autoplay options.
- Navigation arrows, pagination bullets, progress indicators and thumbnails support.
- Joomla‑friendly: assign to menu items, use module positions, override templates.
- Lightweight, no jQuery dependency, built on modern Swiper.js core.
Typical use cases
Home hero
Highlight main services or products with a clean, fast hero slider.
Portfolio & case studies
Show before/after, project galleries or screenshots in a modern way.
Products & e‑commerce
Use cards or thumbs layouts to present products and variations.
Blog highlights
Feature latest or curated articles in a horizontal slider.
Installation
Download
Download the latest module package (.zip) from GitHub Releases.
Install
In Joomla admin go to Extensions → Manage → Install and upload the package.
Publish
Create a new “Swiper Slider” module, choose a layout, assign it to a position and menu items.
Requirements
- Joomla 4+ (and later, depending on release notes).
- PHP version matching your Joomla installation.
- Modern browser with JavaScript enabled.
For detailed options and advanced integration, see the module parameters and the Swiper.js documentation for available effects and settings.
IT
EN