Showcase your Before & After Work

Want to show comparison of two images? BEAF helps you to easily create unlimited before and after image sliders or image gallery for your WordPress Website.
Room Construction Before - Themefic Room Construction After - Themefic

Endorsed By

0
5/5
Rated on
WordPress.org

Trusted by 20000+ Users Worldwide.

Reiner G. from Germany

We use the plugin at the homepage of our local photoclub to compare an image and its edited version. Works fine and helps to present different ways of image processing. A nice and helpful tool. We got great and fast support from the developers – thank you!
client - Themefic

Demo Preview of BEAF

Horizontal Preview

Room Construction Before - Themefic Room Construction After - Themefic

Vertical Preview

House Before - Themefic House After - Themefic

WordPress Before and After Slider Options

All options below are available in both Horizontal and Vertical Previews. Each option can be added or previewed alongside others to bring the best of this WordPress before and after slider. For demonstration purposes, we have displayed one option at a time.

"Before-After Label" Change

Jungle Before - Themefic Jungle After - Themefic

Label "Color and Background Change"

Broken Teeth Before - Themefic Broken Teeth After - Themefic

Move slider on "Mouse Hover"

Move mouse on the image to check
Grow Hair Before - Themefic Grow Hair After - Themefic

"No Overlay or Title" on Hover

Move mouse on the image to check
Forest Summer - Themefic Forest Fall - Themefic

Add Titles, Description & Read More Button

You can add Title, Description & Read More button on all the above Preview Styles with our Before After WordPress Plugin. For Preview Purpose, only two examples is shown below. Note that, from backend, you can show/hide any/all of the 3 fields (title, description & read more). You can also edit styles (color, font size, alignment) of all 3 fields as shown below.  [Pro users can change the button text also as shown on first example]
Wrinkle Before - Themefic Wrinkle After - Themefic

Wrinkle Transformation

Discover the dramatic impact of wrinkle treatments with stunning before-and-after comparisons, showcasing how effective solutions can rejuvenate and smooth skin for a youthful appearance.
House Before - Themefic House After - Themefic

From Ruins to Revival

Witness the transformation of a once-abandoned building into a revitalized space, showcasing the power of restoration and innovative design.

Need more Features?

We believe the free version is good enough for most business. However, we have a pro version of this plugin which has more advanced features including 9 Additional Preview Styles, Before After with 3 Images, Before-After with Single Image, Multi-Columns Filterable Gallery, Auto Slide, On Scroll Slide, Image Watermark and many more.

Glimpse of Available Features

Here is a summary of features available on BEAF - the best Before After Slider WordPress Plugin.

Shortcode Generator

After your publish, a shortcode will generate so that you can publish the slider anywhere on your website to create the perfect WordPress before and after slider.
WordPress Before and After Slider
Before After Slider WordPress

Gallery Generator

Create 2 Columns, 3 Columns and 4 Columns Before After Gallery in WordPress with BEAF.

Easy to Use Option Panel

BEAF has built in easy-to-use option panel. You can add or remove any option from this panel. Such panel gives you flexiblity to easily create a beautiful WordPress before and after slider.
before after wordpress plugin
Elementor Before and After Slider

Popular Page Builder Support

BEAF is fully compatible with popular page builders like Elementor making it the best before after elementor addon alternative. You can easily add it from Elementor Panel and create a beautiful elementor before and after slider. It can also be used on Gutenberg, WP Bakery, DIVI, Beaver etc using shortcode.

Unlimited Slider Creation

BEAF – the most popular before after WordPress Plugin is limitless. Create as many slider as you want with BEAF.
beaf unlimited slider
BEAF Image Alter Tag Option

Image Alt Tag Option

BEAF is SEO Friendly. It gives you the option to add Different alt tags for both Before and After Images.

Widget Support

Easily add before-after Gallery or Slider through widgets
beaf widget support
beaf responsive - Themefic

Responsive and Touch Compatibility

BEAF is fully responsive and also supports touch on mobile devices.

More Features

Speed Optimized
Compatible with any lazy load plugins.
SEO Friendly
Support WP Image alt as image alt and title.
Flexible Image
You can use any image size.
Live Preview
See the preview of the slider/gallery while editing.

Frequently Asked Questions

Can’t find what you are looking for? Contact Us.
A Before and After Slider is a web element used to compare two images by overlaying one on top of the other, with a sliding handle that allows users to see the difference between the two. This is particularly useful for showcasing transformations, improvements, or changes between two states, such as:
  • Product comparisons (e.g., before and after using a product)
  • Image retouching (e.g., edited versus original)
  • Home renovations (e.g., before and after remodeling)
  • Medical transformations (e.g., before and after treatment)
The user can drag the slider horizontally or vertically to reveal more or less of each image, providing an interactive way to visualize changes side by side.
The BEAF – WordPress Before and After Slide & Gallery plugin allows you to create stunning before-and-after image sliders to showcase the difference between two images. Whether you want to highlight transformations, comparisons, or product improvements, this WordPress plugin is the perfect tool to visually engage your audience.
Yes! this Before After WordPress plugin is fully compatible with Elementor. You can easily add a Elementor before and after slider using our custom widget. Just drag and drop the widget into your Elementor page and configure the settings to display before-and-after images seamlessly.
To add a before and after slider in WordPress, install the BEAF plugin from the WordPress repository. After activation, you can create a new slider from the BEAF section in the dashboard. Once created, you can embed the slider on any page or post using shortcodes or Elementor widgets. Here is a tutorial for your guidance.
Yes, our BEAF Before After Slider is fully responsive and optimized for mobile devices. Your sliders will look great on all screen sizes, ensuring an excellent user experience for your visitors.
Absolutely! When using Before After Elementor, you can customize the slider’s layout, handle colors, labels, and other design elements. This flexibility allows you to match the slider to your website’s branding and style.

We are always Up-to-Date

We try to release at-least one update every month. Check our previous changelogs.
  • Improvement: Compatible Tourfic plugin
  • Improvement: Compatible UACF7 plugin
  • Minor bug fixes & improvements
  • Improvement: Options panel design
  • Minor bug fixes & improvements
  • Info: Banner info updated
  • System stability improved
  • Improvement: Before After Image Link
  • Improvement: Before After Image Overlay
  • Minor bug fixes & improvements
  • Fixed: Beaf Settings panel saving issue
  • Improvement: System stability improved
  • System stability improved
  • Minor bug fixes & improvements
  • Fixed: Color picker issue
  • Fixed: Meta field not found issue.
  • System stability improved.
  • Improvement: Compatible with Tourfic
  • Improvement: Compatible with UACF7
  • Improvement: Reorganized CSS/JS Code
  • System stability improved
  • Compatible with WordPress 6.6
  • System stability improved
  • Improvement: System stability improved
  • Fixed: Notice banner issue
  • Improvement: System stability improved
  • Fixed: escaping and text-domain issue
  • Fixed: Minor Bugs fixed
  • Compatibility: Compatible with WordPress 6.5.5
  • Improvement: System stability improved
  • Minor bug fixes and improvements
  • Compatibility: Compatible with WordPress 6.5.4
  • Improvement: Removed unused scripts
  • Improvement: Optimized code and performance
  • Improvement: System stability improved
  • Minor bug fixes and improvements
  • Improvement: System stability Improved
  • Minor bug fixes & improvements
  • Fixed: Before-after slider handle issue
  • Fixed: Responsive issue for 2-image slider
  • Compatibility: Compatible with WordPress 6.5
  • Minor bug fixes & improvements
  • Fixed: Updated Security issues
  • Fixed: Console Error
  • Optimized: Organized and Optimized Code
  • Updated: Escaped Security patches
  • Improvement: System stability Improved
  • Added: Disclaimer for Patchstack VDP
  • Fixed: Cross Site Request Forgery Vulnerability
  • Improvement: Minor Bug Fixing
  • Improvement: System stability Improved
  • Improvement: Should be compatible with the EU Data Protection Directive
  • Improvement: Option Panel Settings
  • Compatibility: Compatible With Tourfic Plugin
  • Fixed: Console error
  • Improvement: Introducing a new Options Panel.
  • Improvement: Optimized Code
  • Improvement: System stability Improved
  • Fixed: Fixed some minor issues
  • Improvement: System stability Improved
  • Updated: Extended Notice( Black Friday )
  • Updated: readme.txt
  • Notice: Black Friday Announcements
  • Removed: unused CSS
  • Notice: Black Friday Announcements
  • Removed: unused CSS
  • Updated: readme.txt
  • Compatibility: Compatible with WordPress 6.4
  • Improvement: Design Improvement for Video Slider
  • Improvement: Video Slider auto play/pause(Pro)
  • Improvement: Video sound decrease and increase as per the sliding movement(Pro)
  • Improvement: Design Improvement for slider.
  • Added: Add Vimeo Video to before after slider(Pro)
  • Added: Add Self-hosted Video to before after slider(Pro)
  • Fixed: Responsive issue
  • Added: Before After Video Slider Addon( Pro )
  • Fixed: Minor Bug fixed
  • Improved: Responsive issue
  • Improved: Optimized Code
  • Added: Upload before after Image without login, and preview ( Pro )
  • Added: Gallery filter button alignment ( Pro )
  • Fixed: Minor Bugs
  • Added: Compatible notice
  • Compatibility check with WordPress 6.3
  • Compatibility check with WooCommerce 8.0.1
  • Compatibility check with Elementor 3.15.2
  • Added: Image URL for before and after image( Pro )
  • Added: Image URL Open in a new tab( Pro )
  • Added: Watermark position( Pro )
  • Added: BEAF gallery ‘All’ category shortcode
  • Fixed: Bug fixed
  • Compatibility check with WordPress 6.2.2
  • Fixed: IOS Responsive issue
  • Fixed: Console Error
  • Fixed: Filter Style ( Pro )
  • Compatibility check with WordPress 6.2.1
  • Fixed: Default Label Translate Issue
  • FIxed: Auto Slide Vertical view
  • Fixed: br, p tag / extra spacing issue
  • Fixed: Elementor Tab issue
  • Fixed: Fullscreen View issue
  • Fixed: Popup issue
  • Fixed: Preloader issue
  • Fixed: Responsive issue
  • Compatibility check with WordPress 6.2
  • Optimized Code
  • Fixed CSS
  • Update: Appsero Updated
  • Removed: unused js
  • Added: Preloader
  • Fixed: Image displaying issue
  • Fixed: Slider Handle CSS fixed
  • Fixed: Notice Issue
  • Compatibility checked
  • Added: Preloader
  • Fixed: Image displaying issue
  • Fixed: Slider Handle CSS fixed
  • Fixed: Notice Issue
  • Compatibility checked
  • Added: Review admin Notice
  • Fixed: Improved CSS code
  • Fixed: CSS Issue
  • Fixed: Responsive issue
  • Fixed: Some CSS Bug
  • Fixed: Animation Issue
  • Fixed: Notice Issue
  • Fixed: Slider Animation issue
  • Updated Js Issue
  • Fixed admin panel issue
  • Fixed: Minor bug
  • Fixed: CSS issue in three image addon
  • Fixed: Responsive check on the fullscreen option
  • Added: Appsero integration
  • Fixed: Compatibility check with WordPress 6.1.1
  • Fixed: Some JS Bug
  • Fixed: Gallery CSS
  • Fixed: Compatibility check with WordPress 6.1
  • Fancybox issue fixed
  • Fixed: Css issue in fullscreen mode
  • Improved: JS/CSS code
  • Updated: Compatibility check with WordPress 6.0.3
  • Improved: JS/CSS code
  • Updated: Compatibility check with WordPress
  • Fix: Fancybox overriding issue fixed
  • Fixed the Full Screen view issue ( Pro )
  • Compatibility checked with WordPress 6.0.2
  • Removed unused js file
  • New Pro feature: Added full screen view option
  • Fixed: undefined variable
  • Updated admin panel style
  • Fixed: undefined array issue fixed
  • Compatible with WordPress 6.0
  • Feature: Added debug mode
  • Updated admin panel style
  • Fixed: Some JS Bug and Gallery CSS
  • Feature: 7 preview styles added for 3 Image addon(Pro)
  • Feature: Auto slide of 3 image slider added(Pro)
  • Multiple 3 image slider in different styles are now working on same page(Pro)
  • Fixed: Some JS bug fixed and gallery CSS fixed
  • Fixed: Minor bug
  • Feature: Fade effect preview added (Pro)
  • Minor bug fixed
  • Watermark Feature added (Pro addon required)ada
  • Minor bug fixed
  • Watermark Feature added (Pro addon required)
  • Fixed Color picker issue
  • Compatibility Check: WordPress 5.9
  • Fixed: Minor Bugs and Stylesheet.
  • Introducing: Before After Image alt tag option
  • Introducing: 3 Images Before After Slider (Pro)
  • Fixed: Minor Bugs and Stylesheet.
  • Option Panel Update
  • Additional bug fixes
  • Fixed Minor Styling Issues.
  • Additional bug fixes
  • Additional bug fixes
  • Removed a notice
  • Notice to connect with Before After for WooCommerce – eBEAF Plugin
  • Fixed Minor Styling Issues.
  • Fixed issues on Option Panel
  • Fixed Issue with the tab.
  • Added Lazy load option
  • Slider Handle Color Customizer Added (Pro)
  • Slider overlay color feature added (Pro)
  • Show label outside of image (Pro)
  • Fixed Minor Styling Issues.
  • Added On Scroll Slider Option for Pro
  • Added a New Preview Style for Pro
  • Few minor fixing for Free & Pro
  • Added Language Support.
  • Added Documentation Tab
  • Added Lazy Load Support.
  • Updated Licensing Issue for Pro.
  • Check: WordPress 5.8 compatibility
  • Fixed a conflict with Elementor sections.
  • Fixed Auto Slider issue (Pro)
  • Fixed License key error (Pro)
  • Fixed an Image Sizing conflict with WP Rocket.
  • Fixed conflict with WoodMart Theme HTML shortcode generator box.
  • Fixed Bug of Before – After Label Styling
  • Fixed Minor Styling Issues.
  • Fixed Elementor Issues.
  • Added 1 New Preview Styles ( (Pro Version).
  • Fixed Minor Styling Issues.
  • Added 2 New Preview Styles ( (Pro Version).
  • Added title, description and Read more link option.
  • Added title, description and Read more style option.
  • Added Read More button editing option ( (Pro Version).
  • Added a Widget called BEAF Slider to display the slider in the sidebar.
  • Fixed Slider Preview page.
  • Enabled Live Preview
  • Removed BEAF Custom Post Type URL Generation for SEO Purpose.
  • Added title, description and Read more link for BEAF slider or gallery (Pro Version).
  • Updated Gallery Generator
  • Check: WordPress 5.7.2 compatibility
  • Added: Width-Height-Alignment for the Pro Feature
  • Fixed: Minor Styles Issues
  • Fixed: Minor Style Issues
  • Fixed: Compatiblity issues with BEAF Pro
  • Fixed: Minor Glitch
  • Fixed: Minor Style Issues
  • Check: WordPress 5.7 compatibility
  • Fixed: Known issues
  • Added: Max Upload Items for BEAF Gallery
  • Major Release: Version 3
  • Added: Before After Gallery
  • Fixed: CSS issue on Small image Slider
  • Added: Elementor Addon.
  • Added: New Premium Features
  • Check: WordPress 5.6 compatibility
  • Update: Live Preview URL
  • Fixed: Known issues
  • Major Release: Version 2
  • Added: New Options Panel
  • Fixed: Known Issues
  • Check: WordPress 5.4 compatibility
  • Fixed: A Major Bug
  • Updated core functions
  • Small bug fixing
BEAF - Powerful WordPress Before After Slider & Gallery
BEAF Logo - Themefic

Create beautiful WordPress Before After Image comparison Slider or Gallery with BEAF, the best before after WordPress plugin. Download now for Free!

Price: Free

Price Currency: $

Application Category: WordPress Plugin

Editor's Rating:
5
Scroll to Top