All Collections
Elements
How to use the Comparator element
How to use the Comparator element
Daniel Howard avatar
Written by Daniel Howard
Updated over a week ago

The Comparator element allows you to create incredible before-and-after effect, enhancing your website's visual appeal. Whether you're showcasing transformations, product changes, or anything that involves a visual comparison, this feature has got you covered.

You can find and insert a Comparator element from the sidebar.

This is how the Comparator element looks inside the Editor

Important options

  • Layer number: The number of images for comparison.

    • Two: Before and after images.

    • Three: Before, intermediate, and after images.

  • Separator color: Color of the separator line.

  • Handle: Color of the handle.

  • Handle curve: Border radius for the handle.

Did this answer your question?