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.

sattivedevlabs

Help your visitors see the transformation with SlideDiff.
Built with UI/UX, SEO, and site speed in mind, SlideDiff provides a lightweight, high-performance slider to compare two images side-by-side. Whether you are a photographer showcasing edits, a contractor showing home renovations, or a designer displaying website redesigns, SlideDiff makes visual storytelling interactive and engaging.
Unlike other slider plugins that bloat your site with heavy external libraries, SlideDiff uses clean, modern CSS and vanilla JavaScript to ensure zero layout shifts and lightning-fast load times.
Key Features: 
* Orientation Control: Choose between Horizontal (left/right) or Vertical (up/down) sliding. 
* Touch & Mobile Optimized: Fluid swiping on phones and tablets. 
* Move on Hover: Optionally allow users to interact with the slider just by moving their mouse, no clicking required. 
* Performance First: Built-in lazy loading and the ability to select the exact WordPress image resolution (Thumbnail, Medium, Large, Full) to save bandwidth. 
* SEO Friendly: Custom Alt Text overrides for both the ‘Before’ and ‘After’ images. 
* Deep Customization: Fully customize the handle style (Arrows, Circle, Standard), handle color, label text, and label background colors to match your theme perfectly. 
* Shortcode Generator: Easily copy and paste the <code>[slidediff]</code> shortcode anywhere on your site, compatible with Gutenberg, Elementor, and all major page builders.
Brought to you by <a href="https://www.sattivedevlabs.com" rel="nofollow ugc">Sattive Dev Labs</a>.

SlideDiff – Easy Before/After Image Slider

Help your visitors see the transformation. SlideDiff provides a high-performance, touch-enabled slider to compare two images side-by-side.

Responsive Before After Slider Block by Unique Solution vs SlideDiff – Easy Before/After Image Slider