Joomla 6 site module for cinematic, fullscreen (or fixed-height) image slideshows powered by GSAP — with 16 transition modes inspired by Codrops.
Paste into the repository About description field (≈1 sentence):
Joomla 6 GSAP image slideshow module with 16 Codrops-inspired transitions, responsive height, autoplay and admin-managed slides — by Paweł Nosko / Design Cart.
- Documentation / project page: https://www.designcart.pl/laboratorium/350-oryginalny-slider-dla-joomla-z-gsap-i-16-trybami-dzialania.html
- Inspiration (Codrops): Fullscreen Image Slideshow Animations
- Author — Paweł Nosko: https://www.designcart.pl/pawel-nosko.html
- Studio — Design Cart: https://www.designcart.pl/
Design Cart GSAP Slider (mod_gsap_slider) is a site module for Joomla 6 (PHP 8.3+).
It renders a hero-ready image slider with sixteen GSAP transition timelines, optional overlay content (heading, description, CTA), wheel/drag navigation via GSAP Observer, autoplay with a configurable delay, and responsive height modes for desktop, tablet and mobile.
The animation ideas are adapted from the public Codrops demo by Manoela Ilic (tympanus.net / MIT). Design Cart wraps those timelines in a production Joomla module with a full admin UI, language packs (en-GB / pl-PL), and an update server.
- 16 GSAP animation modes (parallax, skew, 3D flip, colour wipes, shutters, and more)
- Repeatable slides in the module admin: image, heading, description, button text & link
- Fullscreen (
100vh/100dvh) or custom height per breakpoint - Configurable shutter / wipe colours for modes 11, 12, 15 and 16
- Nav buttons with optional pulsing glow; wheel / touch / drag via Observer
- Autoplay with pause on hover/focus
- Content overlay colour & opacity for readable text on photos
- GPL-licensed module package suitable for Joomla / JED workflows
- Joomla 6.x
- PHP 8.3 or newer
- Modern browser with CSS variables and ES modules
- Download the ZIP from Design Cart or from this repository’s Releases.
- In Joomla: System → Install → Extensions and upload the package.
- Create a new site module of type Design Cart GSAP Slider.
- Add slides, pick an animation mode, set appearance, assign a position and menu items, then publish.
- Vertical parallax
- Vertical skew stretch
- Zoom then vertical reveal
- Soft fade vertical
- Rotated cards
- Horizontal stretch wipe
- Flash scale-up
- Side pop + colour grade
- Spin zoom
- Diagonal slide
- Vertical colour wipe
- Horizontal colour cascade
- 3D page flip
- ScaleX doors
- Dual vertical shutters
- Multi horizontal shutters
- Module author: Paweł Nosko / Design Cart
- Animation inspiration: Manoela Ilic — Codrops Slideshow Animations (MIT)
- Libraries: GSAP, GSAP Observer, imagesLoaded (retain their upstream licences)
The Joomla module code is licensed under the GNU General Public License version 2 or later. See LICENSE.txt in the package. Upstream demo code and vendor libraries keep their original licence notices.