Hozefa Saleh

The Before After Slider block allows you to create stunning image comparisons that engage your visitors. Perfect for showcasing transformations, renovations, product improvements, or any visual changes over time.
Key Features:
<ul>
<li>Dual Image Upload: Easy-to-use interface for uploading both “Before” and “After” images</li>
<li>Interactive Slider: Smooth drag-and-drop divider bar for seamless image comparison</li>
<li>Responsive Design: Automatically adapts between desktop and mobile layouts</li>
<li>Customizable Colors: Choose your preferred color for the slider divider and handle</li>
<li>Touch-Friendly: Optimized for both mouse and touch interactions</li>
<li>Accessibility Ready: Built with accessibility best practices in mind</li>
</ul>
Desktop Experience: 
– Vertical divider bar that slides left and right 
– Reveals more or less of the “After” image over the “Before” image 
– Smooth mouse drag interactions
Mobile Experience: 
– Automatically switches to horizontal divider bar on screens under 767px 
– Up and down sliding motion for touch-friendly interaction 
– Maintains smooth performance on mobile devices
Perfect for: 
* Real estate before/after renovations 
* Photography portfolio comparisons 
* Product transformation showcases 
* Website redesign comparisons 
* Medical or cosmetic procedure results 
* Landscape or architectural changes
<h3>Support</h3>
For support and feature requests, please visit our support forum or contact us through the plugin directory.

Responsive Before After Slider Block by Unique Solution

Interactive before and after image comparison slider with responsive design.

Marcel CL

Simple Before After Image Slider is a minimalistic and lightweight plugin that allows you to display before/after image comparisons anywhere on your WordPress site. Perfect for photographers showcasing photo edits, designers comparing visuals, and marketers highlighting transformations.
🚀 Key Features: 
– Responsive and fast-loading before/after slider. 
– Works with Gutenberg, Elementor, and Classic Editor. 
– SEO-friendly and lightweight. 
– No dependencies – clean, optimized code.
<h3>💡 How to Use</h3>
Simply insert the following shortcode into any post, page, or widget: [before_after_slider before=”URL_BEFORE” after=”URL_AFTER”] 
For multiple comparisons, add separate shortcodes: [before_after_slider before=”URL1″ after=”URL2″] [before_after_slider before=”URL3″ after=”URL4″]
🌟 Powered By: 
This plugin is developed by <a href="https://thepresetsroom.com" rel="nofollow ugc">ThePresetsRoom</a> – a hub for professional photo editing.
<h3>Dependencies</h3>
This plugin uses the open source library <code>img-comparison-slider</code>.
<ul>
<li>GitHub repository: https://github.com/sneas/img-comparison-slider</li>
<li>Source file used: https://github.com/sneas/img-comparison-slider/blob/master/packages/img-comparison-slider/src/index.ts</li>
<li>License: MIT</li>
</ul>
The compiled version of the component is used in this plugin. All credit to the original authors.

Simple Before After Image Slider

Easily display before/after image comparisons with a lightweight and responsive slider. Perfect for photographers, creatives, and visual marketers.

Responsive Before After Slider Block by Unique Solution vs Simple Before After Image Slider