Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Getting started
Jose Tamu
June 3, 2025 /  Beginner /  Light

Thumbnail Slider

Preview

How it works

Thumbnail Slider is a nestable element made up of Slide items. You can create and remove them at pleasure.
In the element controls, you can style the following sections:
Slides Container: the element that wraps the Slides and the Arrows
Thumbnails Container: the element that wraps the thumbnails at the bottom.
Morphing Selector: the interactive border mask applied to the active thumbnail.
Thumbnail: the slides preview at the bottom of the element and wrapped by the Thumbnails Container.
Arrows: they have an absolute position and are put at each side of the Slides Container by default.
You can also customize the Scroll Animation (the movement animation applied to the Thumbnails) and the Selector Animation (the movement animation applied to the Morphing Selector).

On this page