Title: Responsive Before After Slider Block by Unique Solution Author: Hozefa Saleh Published: November 13, 2025 Last modified: November 19, 2025 --- Search plugins ![](https://ps.w.org/unique-before-after-slider/assets/banner-772x250.png?rev=3399205) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/unique-before-after-slider/assets/icon-256x256.png?rev=3399198) # Responsive Before After Slider Block by Unique Solution By [Hozefa Saleh](https://profiles.wordpress.org/hozefasmile/) [Download](https://downloads.wordpress.org/plugin/unique-before-after-slider.0.1.0.zip) * [Details](https://vec.wordpress.org/plugins/unique-before-after-slider/#description) * [Reviews](https://vec.wordpress.org/plugins/unique-before-after-slider/#reviews) * [Installation](https://vec.wordpress.org/plugins/unique-before-after-slider/#installation) * [Development](https://vec.wordpress.org/plugins/unique-before-after-slider/#developers) [Support](https://wordpress.org/support/plugin/unique-before-after-slider/) ## Description 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:** * **Dual Image Upload**: Easy-to-use interface for uploading both “Before” and “ After” images * **Interactive Slider**: Smooth drag-and-drop divider bar for seamless image comparison * **Responsive Design**: Automatically adapts between desktop and mobile layouts * **Customizable Colors**: Choose your preferred color for the slider divider and handle * **Touch-Friendly**: Optimized for both mouse and touch interactions * **Accessibility Ready**: Built with accessibility best practices in mind **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 ### Support For support and feature requests, please visit our support forum or contact us through the plugin directory. ## Screenshots [⌊Desktop view showing vertical slider with before/after images⌉⌊Desktop view showing vertical slider with before/after images⌉[ Desktop view showing vertical slider with before/after images [⌊Mobile view displaying horizontal slider orientation⌉⌊Mobile view displaying horizontal slider orientation⌉[ Mobile view displaying horizontal slider orientation [⌊Block editor interface with image upload placeholders⌉⌊Block editor interface with image upload placeholders⌉[ Block editor interface with image upload placeholders [⌊Inspector controls showing color customization options⌉⌊Inspector controls showing color customization options⌉[ Inspector controls showing color customization options ## Blocks This plugin provides 1 block. * Responsive Before After Slider Interactive before and after image comparison slider with responsive design. ## Installation 1. Upload the plugin files to the `/wp-content/plugins/unique-before-after-slider` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress 3. Add the “Before After Slider” block to any post or page through the Gutenberg editor 4. Upload your before and after images 5. Customize the slider color to match your site’s design ## FAQ ### What image formats are supported? The block supports all standard WordPress image formats including JPEG, PNG, GIF, and WebP. ### Can I customize the appearance of the slider? Yes! You can customize the color of the divider bar and handle through the block settings in the editor sidebar. ### Does it work on mobile devices? Absolutely! The block automatically adapts to mobile devices by switching from a vertical to horizontal slider orientation for optimal touch interaction. ### Is the block accessible? Yes, the block is built with accessibility in mind and includes proper ARIA labels and keyboard navigation support. ### Can I use different sized images? The block automatically handles different image dimensions and will scale them appropriately while maintaining the comparison functionality. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Responsive Before After Slider Block by Unique Solution” is open source software. The following people have contributed to this plugin. Contributors * [ Hozefa Saleh ](https://profiles.wordpress.org/hozefasmile/) [Translate “Responsive Before After Slider Block by Unique Solution” into your language.](https://translate.wordpress.org/projects/wp-plugins/unique-before-after-slider) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/unique-before-after-slider/), check out the [SVN repository](https://plugins.svn.wordpress.org/unique-before-after-slider/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/unique-before-after-slider/) by [RSS](https://plugins.trac.wordpress.org/log/unique-before-after-slider/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.1.0 * Initial release * Desktop vertical slider functionality * Mobile horizontal slider adaptation * Color customization options * Responsive design implementation * Touch and mouse interaction support ## Meta * Version **0.1.0** * Last updated **10 months ago** * Active installations **Fewer than 10** * WordPress version ** 6.1 or higher ** * Tested up to **6.8.8** * PHP version ** 7.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/unique-before-after-slider/) * Tags * [before after](https://vec.wordpress.org/plugins/tags/before-after/)[block](https://vec.wordpress.org/plugins/tags/block/) [image comparison](https://vec.wordpress.org/plugins/tags/image-comparison/)[responsive](https://vec.wordpress.org/plugins/tags/responsive/) [slider](https://vec.wordpress.org/plugins/tags/slider/) * [Advanced View](https://vec.wordpress.org/plugins/unique-before-after-slider/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/unique-before-after-slider/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/unique-before-after-slider/reviews/) ## Contributors * [ Hozefa Saleh ](https://profiles.wordpress.org/hozefasmile/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/unique-before-after-slider/)