Getting Started
Jose Tamu
Sep 22, 2025 /
Beginner /
Light

Thumbnail Slider

Preview
Thumbnail Thumbnail Thumbnail Thumbnail Thumbnail Thumbnail Thumbnail

How it works

Thumbnail Slider is a widget made up of Slide items. You can create and remove them at pleasure by using the repeater control. On the element settings, you can find the following elements and 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). use the element itself as the trigger.