Before and After

Widget details

What's included

  • Widget library file
  • Example images

Responsive: yes

Please share if you like it!


  • Simple setup
  • Responsive scaling
  • Works on desktop and mobile devices

Sponsored link

Quick start guide

  1. Before Image: Selects the first image for comparison
  2. After Image: Selects the second image for comparison
  3. Show Overlay and Labels: Toggles dimming overlay and Before and After labels
  4. Orientation: Switches between horizontal and vertical sliders
  5. Slider Offset: Set the initial position of the slider. Ranges between 0 and 100%

How to install the widget

How to use the widget


Join the Conversation!

comments powered by Disqus