DC Gradient Slider is a completely free Joomla module that combines a classic image slider with a stunning animated gradient canvas overlay, allowing you to create truly unique and modern hero sections for your website.
What makes this module exceptional is the smooth, fluid color transitions powered by Granim.js, elegantly blended with your slide images using mix-blend-mode. Together with the fade transitions from Slick Slider and an optional organic SVG arc at the bottom, it delivers a premium, dynamic visual experience that stands out from ordinary sliders.
DC Gradient Slider is perfect for hero banners on business websites, agency portfolios, product launches, and any project where you want to capture attention immediately with subtle yet captivating animations.
You can add unlimited slides with images, headings, descriptions, links and buttons. The gradient animation supports multiple color sets that transition smoothly, while the SVG arc can be fully customized in color and thickness or disabled entirely. All settings – including slider height, text styles, button appearance, content positioning, and gradient behavior – are easily configured directly in the Joomla module manager. No coding is required.
The module is lightweight, fully responsive, and designed with performance and security in mind. It supports multiple instances on the same page without conflicts and gives you full control over jQuery loading to avoid duplication.
DC Gradient Slider works perfectly on Joomla 5 and Joomla 6. The code is open-source and available on GitHub, so you can review, modify, or extend it as needed.
Installation is simple: download the zip file, install it through Joomla Extensions Manager, create a new module of type DC Gradient Slider, assign it to the desired position, and configure your slides and effects.
If you are looking for the most distinctive and visually impressive slider for your Joomla website – one that feels modern, elegant, and truly unique – DC Gradient Slider is the perfect choice.