Scratch Compare

Scratch Compare provides an accessible before/after image
comparison slider as a Drupal Field Formatter. Attach it to
any unlimited Media reference field across content types and
paragraph types — no custom coding required.

Drag the center divider left or right to reveal more of either
image, creating a stunning visual comparison effect directly
inside your Drupal site.

Features

- Drag-to-reveal before/after image comparison slider
- Built as a Drupal Field Formatter — works on any Media reference field
- Compatible with content types and paragraph types
- Supports unlimited media reference fields
- Fully accessible — keyboard and screen reader friendly
- No external libraries required
- Compatible with Drupal 10 and 11

Post-Installation

After enabling the module, go to the Manage Display settings
of any content type or paragraph type that has an unlimited
Media reference field. Select "Scratch Compare" as the field
formatter. Add two images to the field and the comparison
slider will render automatically.

Additional Requirements

- Drupal 10 or 11
- Media module (Drupal core)
- Field module (Drupal core)

Recommended modules/libraries

No additional libraries required.

Similar projects

Unlike other image comparison modules, Scratch Compare works
as a native Drupal Field Formatter — integrating seamlessly
with any existing Media reference field without requiring
separate block or paragraph configuration.