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

Old President New President

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.
Summer Winter

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.

1978 2016

45+ MODULES. 300+ TEMPLATES. STELLAR SUPPORT.

TAKE BEAVER BUILDER TO THE NEXT LEVEL!

14-Day Money Back Guarantee