Want to show comparison of two images? With BEAF, you can easily create before and after image slider and image gallery. Elementor Supported.
BEAF is the Ultimate Before After WordPress Plugin with which you can easily create beautiful Before After Image comparison Slider or Gallery.
👉 Official Demo Link: BEAF Live Preview
👉 BEAF Pro Version: Check Pro
👉 Documentation: Written Installation Guide
👉 Video Guide: Complete Step by Step Guide
👉 Join Our FB Community: BEAF Facebook Group
BEAF let’s you add unlimited numbers of Before After Slider & Gallery in WordPress. You heard it right, unlimited for FREE. BEAF also comes up with premium high-quality features that will help you showcase your portfolio in a better way than others.
Check out the demo to see it in action!
With this Before and After WordPress plugin, You can showcase your before and after work by comparing two before and after images.
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 7 Awesome looking Preview Styles, Before-After with Single Image, Multi-Columns Filterable Gallery, Auto Slide, On Scroll Slide and many more.
Want to know all the latest news and be a part of the BEAF community? Join our Facebook Community group!
Do you need a before after slider for WooCommerce? Then check this plugin of ours here.
Here are the most important features of BEAF. If you need any further information, please feel free to contact us. Below are the best offerings of BEAF:
Display Sliders in Horizontal or Vertical layout. Click here for a quick preview.
Create 2 Columns, 3 Columns and 4 Columns Before After Gallery in WordPress with BEAF. Click here for a quick preview.
You can add Title, Description & Read More button on all the above Preview Styles. 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. Click here for a quick preview.
You can easily change the Label of Before-After to something you want from BEAF’s Option panel. Click here for a quick preview.
You can easily change the color and background of each Label. Click here for a quick preview.
You can disable the overlay from the options Panel. Click here for a quick preview.
You can move slider on Mouse hover. Click here for a quick preview.
BEAF has built in easy-to-use option panel. You can add or remove any options from this panel.
After your publish, a shortcode will generate so that you can publish the slider anywhere on your website.
Support popular page builders: BEAF is fully compatible with popular page builders like Elementor, WP Bakery, DIVI, Beaver etc. See the list below.
Responsive and Touch Compatibility : BEAF is fully responsive and also supports touch on mobile devices.
Awesome UI: Easy and clean user interface
Lightweight: The plugin is so lightweight that it won’t impact much on your speed.
Speed optimized: Compatible with any lazy load plugins. It also works with WEBP images.
Unlimited Slider: You can create unlimited number of slider
SEO Friendly: Support WP Image alt as image alt and title. Also, no custo
Live Preview: See the preview of the slider/gallery while editing
Widget Support: Add before-after through widgets.
Flexible Image — You can use any image size.
Supported Page Builders :
You will get more features and advantages on the pro version. Here are few feature of the Pro Version:
The Pro version includes all the features of the Free version (as described above). Plus:
The Pro version includes 8 Additional Awesome looking Preview Styles. Click here for a quick preview.
Create 2 Columns, 3 Columns and 4 Columns Filterable Before After Gallery in WordPress with BEAF Pro. You can add as many 2-3-4 columns galleries as you want. The galleries can be combination of all the above mentioned Preview Styles & Single Image Styles. The color and padding of the filters can be edited from the options panel. Click here for a quick preview.
Setup Custom Width – Height – Alignment for each slider. Click here for a quick preview.
Slider will slide automatically. Options to add Pause on hover. Click here for a quick preview.
Slider will slide on Scroll (based on User Scrolling). Click here for a quick preview.
By default, the button is “Read More”. You can change it to whatever text you want.
You can easily disable slider handle.
We provide full support on the WordPress.org forums. You can also post questions or bug reports through our Facebook group or our website. However, please note that, for free version’s support/replies, there can be delays upto 24-48 hours. So, if you need urgent support, we recommend purchasing Pro Version.
This plugin doesn’t collect/store any user related information.
BEAF is based on the famous TwentyTwenty script that developed by Zurb team.
Our Other Plugins
TwentyTwenty is a script developed by Zurb team. If you want to highlight the differences between two images then this script is the best to use. TwentyTwenty, a visual diff tool, makes it easy to spot them! As per their description, it works by combining two images on top of each other.
Image Before & After means comparing multiple images before and after situation. You can showcase how an image was before and how it is now. For example, in case of dental patient, a doctor can showcase how the patient’s teeth was before and how it is now after the treatment. More procisely, showing dental before after image.
BEAF is a WordPress plugin to create WordPress Before After Slider. Want to show comparison of two images? This plugin helps you to easily create before and after image sliders or image gallery.
If you want to create a slider to show before and after in WordPress, please check this video. In this video, you will have idea how to add a before & after images comparison slider in your WordPress Website.
Yes, you can. Open your elementor editor, search BEAF, you will find our addon. Just add it, select the gallery, that’s it. You can also create elementor before and after slider using our Shortcode.
See the installation tab.
Yes, BEAF is fully free which is available on WordPress.org. This free version will always be free. It also has a pro version with additional features which you can purchase from our official website.
Yes, with BEAF you can create multi-columns before after gallery.
With BEAF Pro: , you can easily do it. Create 2 Columns, 3 Columns and 4 Columns Filterable Before After Gallery in WordPress with BEAF Pro. You can add as many 2-3-4 columns galleries as you want. The galleries can be combination of all the above mentioned Preview Styles & Single Image Styles. The color and padding of the filters can be edited from the options panel.
We have a separate plugin for that available here.
Yes, We provide full support on the WordPress.org forums. You can also post questions or bug reports through our Facebook group! or our website. However, please note that, for free version’s support/replies, there can be delays upto 24-48 hours. So, if you need urgent support, we recommend purchasing Pro Version.
Initial stable release