Before After Slider

Use the before after slider module to display two versions of an image simply by sliding over it.

Features

Easy to Use

Fully Responsive

Highly Customizable

Touch & Mobile Friendly

Custom Labels and Colors

Multiple Sliders On One Page

Horizontal and Vertical Orientations

Vertical Orientations

An example showing the vertical orientation of the slider. Drag the slider up and down to see two versions of the same image.

Horizontal Orientations

An example showing the horizontal orientation of the slider. Drag the slider sideways to see two versions of the same image.

Custom Labels Texts

Customize your own label texts like “Winter” – “Summer” shown below. labels are displayed on the overlay and describe the difference between images.

Custom Colors and Positions

You can edit the labels position along with the handle and label colors. Use the inbuilt color picker to do so.

30+ MODULES. 150+ TEMPLATES. STELLAR SUPPORT.

TAKE BEAVER BUILDER TO THE NEXT LEVEL!