Before/After Slider

Add before-and-after images with a simple interactive slider for Squarespace.

Websites with Spark Plugin can add this
and 100+ customizations.

See it in action

Choose between a classic drag interaction for hands-on control, or a hover mode that smoothly follows the cursor for a lighter, more effortless feel.

Add quickly

Add a gallery section in Squarespace and Spark Plugin will convert it in one click to a before and after slider.
Drag or hover

Pick whether users drag the handle or simply hover to compare.
Divider color

Personalize the divider color to integrate seamlessly with your layout.
Responsive ratio

Adjust the image ratio separately for desktop and mobile to ensure your comparison looks perfectly balanced in every context.
Optional labels

Toggle and style “Before” / “After” text to guide visitors.
Style options

Rounded corners, shadows, and subtle polish for a clean presentation.