Image Compare

The Image Compare block compares two images with a slider. One image sits over the other and a divider wipes between them as the visitor drags it. Use it for before and after shots, a design revision, or a photo edit.

Demo Image
Demo Image

Block options

  • Start position
  • Direction
  • Trigger
  • Labels
  • Divider color
  • Divider icon color
  • Image alt
  • Image size

Examples

Vertical direction

Demo Image
Demo Image

Hover trigger

Demo Image
Demo Image

With labels & Caption

Demo Image
Before
Demo Image
After
Est dolor maxime quos distinctio quam.

Custom colors & Position

Demo Image
Before
Demo Image
After
Was this page helpful?