Slides are managed in the module administration with a repeatable form: image, heading, description, button label and button URL. Editors can choose an animation mode, enable autoplay with a custom delay, show or hide navigation controls, and configure wheel / drag navigation using the GSAP Observer plugin.

Height can be set independently for desktop, tablet and mobile as either fullscreen (100vh / 100dvh) or a custom value. Modes that use coloured wipe or shutter panels expose colour pickers so the transition colours match the site brand.

Main features

• Sixteen GSAP transition modes (parallax, skew, zoom, 3D flip, colour wipes, shutters and more)
• Repeatable slides: image, heading, description, CTA text and link
• Responsive height: fullscreen or custom per desktop / tablet / mobile
• Configurable content overlay colour and opacity for readable text on photos
• Navigation buttons with optional pulsing highlight
• Optional wheel, touch and drag navigation
• Autoplay with configurable interval; pauses on hover and focus
• Colour settings for shutter / wipe panels in selected modes
• Language files for English (en-GB) and Polish (pl-PL)
• Update server support for version checks

Requirements

• Joomla 6.x
• PHP 8.3 or later
• A modern browser with support for CSS variables and ES modules

How to use

• Install the package through the Joomla extension installer
• Create a new site module of type Design Cart GSAP Slider
• Add one or more slides and select an animation mode
• Adjust appearance (height, typography, colours) as needed
• Assign a module position and menu assignment, then publish

Credits

Animation concepts are adapted from the Codrops article and demo Some Ideas for Fullscreen Image Slideshow Animations by Manoela Ilic (MIT). The Joomla module integration, administration interface and additional features are by Paweł Nosko / Design Cart.