Before & After Image Slider Icon

AvatarBefore & AfterImage Slider

Avatar Before and After Image Slider allows you to add two images to easily and conveniently display them artistically and compare both at the same time.

This module it’s a great way to showcase and compare before and after work like photo retouching, sketching, and final artwork, various projects like a house, backyard, or lawn remodeling, and more.

The slider supports horizontal or vertical orientation, colors, and labels customization options, as well as the way the user interacts with it.

Arrow

AMAZING

Module Features

  1. Set Before and After Images for comparison
  2. Custom Alt image text for SEO
  3. Custom Before and After Labels
  4. Stylize labels individually
  5. Stylize the Overlay background color
  6. Change between Vertical or Horizontal orientation
  7. Hide Labels and Overlay
  8. Multiple Slider interactions
  9. Advanced background for slider components
  10. Ability to stylize the Slider Divider
  11. And many more…
Before After Module Preview 01
Before After Module Preview 03
Before After Module Preview 02

Demos

Explore some of our demos below to get you inspired.

DEMOS

Model Black & White Model Color

DEMO 01

Default Implementation.

Autumn Winter

DEMO 02

Advanced Styling | Custom Overlay | Custom Labels | Custom Handle.

Hands Blurred Hands Sharp

DEMO 03

Vertical | Custom Handle | Automatic Scroll.

Damage Photo Restored Photo

DEMO 04

Horizontal | Custom Handle | Custom Labels

Beach Time Lenses On Beach Time Lenses Off

DEMO 05

Vertical | No Overlay Effect | Custom Handle | Custom Arrows | Offset Center

Fantasy Demo

Sketch Completed

A Better way to display your artwork!