A before/after slider repeater block for [Dewsign's Nova Repeater Blocks]( to compare two images.

v1.1.11 2019-01-24 14:01 UTC

This package is auto-updated.

Last update: 2023-09-25 05:35:59 UTC


A before/after image comparison repeater block for Dewsign's Nova Repeater Blocks.

The slider in action

Installation & Usage

This package requires on two installations, a composer package for the Laravel side of things, and a npm package for the Vue.js component.

composer require dewsign/before-after-repeater

npm i vue-before-after-slider

php artisan migrate

Register the Vue component:


import BeforeAfter from 'BeforeAfter'


You can change the image sizes in the before-after-repeater.php config file.

To use, add this repeater to a page and set the original and overlay images. If required, you can set a title and a subtitle which will output above the block.