New plugin: kirby-image-compare - an interactive image comparison block

Resources Plugins
1

Hi everyone,

I would like to share my latest Kirby plugin:

kirby-image-compare – interactive before/after image comparisons

Create responsive, accessible image comparison sliders with just a single snippet call. Simply pass two images (or image versions) and the plugin takes care of the rest.

kirby-image-compare

How it works:

The plugin provides a lightweight snippet that renders an interactive Image comparison slider Block to Kirby. It is fully responsive, touch-friendly and keyboard accessible out of the box, making it suitable for everything from architectural visualizations to photo editing comparisons.

Features:

  • Simple snippet-based API
  • Responsive and touch-friendly
  • Keyboard accessible
  • Lightweight with zero dependencies
  • Easy to customize with your own CSS

Typical use cases:

  • :building_construction: Architectural visualizations
  • :camera: Photo editing comparisons
  • :classical_building: Restoration projects
  • :package: Product showcases
  • :artist_palette: Redesigns
  • :hourglass_done: Before/after comparisons

Installation:

composer require sigtrygg-space/kirby-image-compare

Requires Kirby 5 and PHP 8.2+.

Links:

Plugin page

Repository

Packagist

v1.0.0 ist out now.

As always, feedback is very welcome, whether it’s bug reports, feature requests, API suggestions or ideas for improvements.

Issues and PRs are welcome on GitHub, or just reply here.

Thanks for reading, and I hope you find it useful!