DM Before After Image Slider

Show the change, not just the result. Before After Image Slider places two images on top of each other with a draggable divider, so visitors can compare a renovation, a retouched photo, a redesign or any transformation with one gesture.

It is built to fit any HubSpot theme. By default it uses your theme fonts and your brand colour from the HubSpot brand kit, and every visual detail can be changed in the Styles tab: fonts, colours, divider, handle shape and icon, labels, corners, border, spacing, layout and image shape. Use as many sliders as you like on the same page: each one works on its own.

It is accessible out of the box. The handle is a real slider for screen readers and works with the keyboard (arrows, Page Up, Page Down, Home and End). It works with mouse, touch and pen, and the hint animation respects visitors who prefer reduced motion. No jQuery, no external libraries and no third-party accounts.