Before/After Slider

Bring visual comparisons to life with an interactive slider that makes before-and-after moments clear, engaging, and effortless.

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.

One click block

Add the before/after slider instantly without any code.
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.