Image Comparison / Two Up Entry for Before/After comparison.
  • CSS 53.3%
  • PHP 46.7%
Find a file
2026-10-07 07:03:29 +00:00
.github Remove Dependabot, Renovate takes over 2026-10-07 07:03:29 +00:00
resources Update CSS 2025-11-30 05:04:10 +01:00
src Apply style changes 2025-11-30 03:57:37 +00:00
.gitignore Init 2025-11-30 04:57:05 +01:00
composer.json Support Filament v5 2026-01-16 18:04:04 +01:00
LICENSE.md Init 2025-11-30 04:57:05 +01:00
README.md Init 2025-11-30 04:57:05 +01:00
SECURITY.md Harden security 2026-08-17 15:26:26 +02:00

header

Filament Favicon

Latest Version on Packagist Software License GitHub Workflow Status Total Downloads

Image Comparison / Two-Up Entry for Before/After Comparison.

Preview

Installation via Composer

composer require pxlrbt/filament-image-compare

Usage

ImageCompareEntry::make()
    ->leftImage(fn ($record) => $record->left_image)
    ->rightImage(fn ($record) => $record->right_image)

Contributing

If you want to contribute to this packages, you may want to test it in a real Filament project:

  • Fork this repository to your GitHub account.
  • Create a Filament app locally.
  • Clone your fork in your Filament app's root directory.
  • In the /filament-image-compare directory, create a branch for your fix, e.g. fix/error-message.

Install the packages in your app's composer.json:

"require": {
    "pxlrbt/filament-image-compare": "dev-fix/error-message as main-dev",
},
"repositories": [
    {
        "type": "path",
        "url": "filament-image-compare"
    }
]

Now, run composer update.

Credits