Before After block for WordPress

Before / After for Gutenberg Block Editor helps you compare two images with a draggable handle, making it useful for renovation showcases, editing comparisons…

Free and open source. Needs a site with the block editor.

Version
1.0.0
Needs WordPress
6.3+
Needs PHP
7.4+
Last updated
Jun 19, 2026
Price
Free

How to use it

Install and activate

In your dashboard open Plugins, then Add New, and search for PlexBlocks Before After. Or download the zip from WordPress.org.

Add the block

In any page, post or pattern type /before after and press Enter.

Set it up

Choose the options in the block sidebar. The editor shows the result as you change it.

Publish

Update the page and check it on the front end, on a phone as well.

What is next

Missing something? Tell us what you would like this block to do. Write to [email protected] or use the support forum on WordPress.org.

Recent changes

1.0.0

  • Initial release.

Questions people ask

Can I change the slider orientation?

Yes. The block supports both vertical and horizontal comparison layouts.

Can I show custom labels?

Yes. You can edit the before and after labels or hide them completely.

Your next page is
one block away.

Install what you need, skip what you do not. It is all free.