Select your language

Swiper Slider - Cover

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.

Swiper Slider - Hero slider
Hero slider

Full‑width hero with arrows and bullets. Perfect for homepages.

Swiper Slider - Thumbs gallery
Thumbs gallery

Main slider with thumbnail navigation below, ideal for galleries and portfolios.

Swiper Slider - Autoplay progress
Autoplay progress

Automatic slider with visual progress spinner. Great for featured content.

Swiper Slider - Pagination Bullet
Pagination bullets

Numbered bullet pagination for precise slide navigation.

Swiper Slider - Cards layout
Cards layout

Stacked cards effect, perfect for testimonials, blog highlights or featured items.

Swiper Slider - 3D Cube
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.