Wataru Kanzaki

<p>You can easily create a block that allows visitors to compare and view two images using a slide bar. You can view it in fullscreen and see a larger image for comparison.</p>
<p><a href="https://wickerwings.jp/" rel="nofollow ugc">See Demos</a></p>
<h4>Feature</h4>
<ul>
<li>Image display size can be specified</li>
<li>Changing the slider movement direction vertically and horizontally</li>
<li>Edit border style</li>
<li>Edit slidebar color</li>
<li>Fill in the captions</li>
<li>Fill in the description</li>
<li>Fullscreen display</li>
</ul>
<h4>Notes</h4>
<ul>
<li>Editing slidebar color is not supported on WordPress 6.1</li>
<li>If the browser does not support fullscreen, the image will be displayed in the full window. At that time, a fixed menu specific to the WordPress theme may be displayed.</li>
</ul>
<h3>Usage</h3>
<ul>
<li>Choose the left and right images from the image select buttons.</li>
<li>You can change preview mode and edit mode from the icon on the editing toolbar.</li>
<li>Some styles while editing are only applied in the preview mode.</li>
</ul>


Wicker Wings DabKrabe – Before After Image Comparison Block

Ju'Z[ed]

<p>The JuZ DualView Block allows you to create interactive before/after comparisons directly in the WordPress block editor. Perfect for showcasing transformations, improvements, or any content that benefits from side-by-side comparison with an interactive slider.</p>
<p><strong>Key Features:</strong><br />
– Interactive slider to compare before/after content<br />
– Works with images, text, or any block content<br />
– Customizable labels and descriptions<br />
– Responsive design that works on all devices<br />
– Accessibility-ready with proper ARIA attributes<br />
– Easy to use with a simple interface</p>
<p><strong>Use Cases:</strong><br />
– Showcasing design improvements<br />
– Demonstrating product before/after results<br />
– Comparing old vs. new versions<br />
– Highlighting transformations<br />
– Any content that benefits from visual comparison</p>
<p><strong>Accessibility Credits:</strong><br />
This plugin’s accessibility features were developed with expert guidance from:<br />
– <a href="https://profiles.wordpress.org/audrasjb/" rel="nofollow ugc">Jean-Baptiste Audras</a> (<a href="https://www.linkedin.com/company/agence-wordpress-whodunit/" rel="nofollow ugc">Whodunit</a>)<br />
– <a href="https://www.linkedin.com/in/sorya-huon-6b101040/" rel="nofollow ugc">Sorya Huon</a> (<a href="https://www.ecedi.fr/" rel="nofollow ugc">Ecedi</a>)<br />
– <a href="https://www.linkedin.com/in/myriam-niare-guilloux/" rel="nofollow ugc">Myriam Niaré-Guilloux</a> (<a href="https://www.ecedi.fr/" rel="nofollow ugc">Ecedi</a>)</p>
<h3>Additional Notes</h3>
<ul>
<li>Requires WordPress 6.0 or higher</li>
<li>Works with the Gutenberg block editor</li>
<li>Tested with major WordPress themes</li>
<li>Lightweight and performance optimized</li>
</ul>


JuZ DualView

Easily compare before and after content with an interactive slider in the WordPress block editor.

Wicker Wings DabKrabe – Before After Image Comparison Block vs JuZ DualView