Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.This project is not covered by Drupal’s security advisory policy.
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.
Project information
- Project categories: Administration tools
- Created by guardadostoic on , updated
This project is not covered by the security advisory policy.
Use at your own risk! It may have publicly disclosed vulnerabilities.
