Before & After Slider

Before & After Slider

Added: January 2, 2020


Use this module to display two outcomes of one image and allow users to see both by dragging an interactive slider between the two views.


Performance: Before & After Slider has a rating of 3/5
Recommendation: Avoid this module on the homepage, if needed use it and hide in mobile view.

Below example showing the horizontal orientation of the slider with a circular handle.
Drag the slider sideways to see the before and after (better on mobile).

Below example showing the vertical orientation of the slider with a square handle.
Drag the slider up and down to see the before and after.


Site Goal(s): Showcase Your Work
Use Case(s):


Supported Plan(s):



Related Features: