Ultimate Before After Image Slider & Gallery - BEAF Pro icon

Ultimate Before After Image Slider & Gallery - BEAF Pro

CloneGo to Website
Hot or Not
Ultimate Before After Image Slider & Gallery - BEAF Pro

Description

Most Flexible Before After Image Slider & Gallery Plugin for WordPress

Looking for the best WordPress Before and After Slider & Gallery Plugin? Want to show a comparison of one, two even three images? BEAF Pro is the Ultimate Before After WordPress Plugin with which you can easily create a beautiful Before After Image comparison Slider or Gallery. BEAF lets 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. This All-in-One Before After Slider plugin consists of almost all the basic to advanced options which you may need to create stunning and beautiful image comparison sliders and galleries:

  • Horizontal or Vertical layout
  • 10 Preview Styles
  • 3 Images Before After Slider (Pro Addon)
  • Watermark for Before After Images (Pro Addon)
  • Before After Video Slider (Pro Addon)
  • Single Image Slider
  • Preview Image Without Login
  • Pre Loader
  • Filterable Before – After Gallery
  • Multi-Column Before After Gallery
  • Auto Slider
  • On Scroll Slider
  • Full Screen Mode
  • Title, Description & Read More button
  • Alt tag on each images for Better SEO
  • Label Color and background Change
  • Disable Overlay
  • Mouse Hover Options
  • Easy-to-use option panel
  • Shortcode generator
  • Titles, Description & Read More Button on Single Image BEAF, Gallery and Filterable Gallery
  • Custom Width – Height – Alignment
  • Change Read More text
  • Disable slider handle

Features:

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:

Multiple layout

Display Sliders in Horizontal or Vertical Layout. Click here for a quick preview.

10 Preview Styles

The Pro version includes 10 Additional Awesome looking Preview Styles. Click here for a quick preview.

Three Images Before After Slider

Create Before After slider with 3 images. Click here for a quick preview.

Before After Image Watermark

Create a Before After Slider with Watermark in Images. Fully Customizable based on available options. Click here for a quick preview.

Before After Video Slider

Create a Before After Slider with 2 different videos. Click here for a quick preview.

Single Image Slider

Create Before After slider using a single image. The Single image has filter effects like Grayscale, Blur, Saturate, Sepia etc. The filter can be added on Before or After image.

Preview Image Without Login

Upload before after images, and see a live preview in before after slider. Click here for a quick preview.

Filterable Before – After Gallery

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.

Before – After Gallery

Create 2 Columns, 3 Columns, and 4 Columns Before After Gallery in WordPress with BEAF. Click here for a quick preview.

Auto Slider

Slider will slide automatically. Options to add Pause on hover. Click here for a quick preview.

On Scroll Slider

Slider will slide on Scroll (based on User Scrolling). Click here for a quick preview.

Pre Loader

Taking time for the slider to load? Use our preloader feature.

Full Screen Mode

Show the Whole Slider into a Full Screen View. Click here for a quick preview.

Titles, Description & Read More Button

You can add the Title, Description & Read More buttons 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.

Titles, Description & Read More Button on Single Image BEAF, Gallery and Filterable Gallery

You can add Title, Description & Read More button on Single Image Slider, Normal Gallery and Filterable Gallery.

Custom Width – Height – Alignment

Setup Custom Width – Height – Alignment for each slider. Click here for a quick preview.

Change Read More text

By default, the button is “Read More”. You can change it to whatever text you want.

Disable slider handle

You can easily disable the slider handle.

Label Change

You can easily change the Label of Before-After to something you want from BEAF’s Option panel. Click here for a quick preview.

Label Color Change

You can easily change the color and background of each Label. Click here for a quick preview.

Disable Overlay

You can disable the overlay from the options panel. Click here for a quick preview.

Mouse Hover

You can move slider on Mouse hover. Click here for a quick preview.

Before After Image Alt tag

You can add Alt tag on each images for Better SEO.

Easy-to-use Option Panel

BEAF has built in easy-to-use option panel. You can add or remove any options from this panel.

Shortcode Generator

After your publish, a shortcode will generate so that you can publish the slider anywhere on your website.

More Features

  • 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 :

  • Elementor Page Builder: With our Elementor Addon, you can easily create before after elementor slider.
  • WP Bakery / Visual Composer: As we are shortcode based, you can easily create before after slider/gallery through WP Bakery / Visual Composer.
  • Divi Page Builder: As we are shortcode based, you can easily create before after slider/gallery through Divi Page Builder.
  • Beaver Builder: As we are shortcode based, you can easily create before after slider/gallery through Beaver Builder.
  • Gutenberg / WP Default Block Editor: As we are shortcode based, you can easily create before after slider/gallery through Gutenberg / WP Default Block Editor.

Additional Addons:

BEAF has couple of Pro Addons:

  • Watermark Addon
  • 3 Images Slider Addon
  • Before After Video Slider Addon

Please Note: The Watermark addon & 3 Images addon is included within the price of CodeCanyon. Before After Video Slider can be purchased separately from our website.

Privacy Policy :

This plugin doesn’t collect/store any user related information.

Credit:

BEAF is based on the famous TwentyTwenty script that developed by Zurb team. Our icon is taken from Iconfinder. Our Thumbnail is created with Freepik Template.

Our Other Plugins

Changelog

25 October 2023 – Version 4.3.1 

- Added: Add Self-hosted Video to before after slider
- Added: Upload before after Image without login, and preview
- Compatibility check with WordPress 6.3.1
- Added: Gallery filter button alignment
- Fixed: IOS Responsive issue
- Fixed: Console Error
- Fixed: Filter Style
- Added: Before After Video Slider (Pro Addon)
- Fixed: Responsive issue

20 March 2023 – Version 4.2.10 

- Fixed: Image displaying issue
- Fixed: Slider Handle CSS fixed
- Fixed: Notice Issue
- Compatible with WordPress 6.1.1
- Few Bug Fixed

31 May 2022 – Version 4.2.4 

- 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
- Compatible with WordPress 6.0

09 March 2022 – Version 4.2.1 

– Watermark Feature added (Pro addon required)
– Fixed: Image not loading issue due to Lazy Load / Cache Plugins.

21 January 2022 – Version 4.0.0 

– Introducing: Before After Image alt tag option
– Introducing: 3 Images Before After Slider (Pro)
– Fixed: Minor Bugs and Stylesheet.
– Option Panel Update

Previous changelog can be found here.

Categories

codecanyonWordPressGalleriesWebsite

Tags

before afterbefore after sliderbefore after viewercompare imagesimage comparison

External listing. code.market does not sell this product and does not process payment for it. Pricing, payment, delivery, licensing, refunds, and support are handled by the third-party merchant on its own website. We may earn an affiliate commission from a referral. Details.

Products of the Week.

Submit
codester.com

codester.com

SocialDesk+: Omnichannel Social Commerce & Business Management Platform This is stronger than simply “Social Commerce and Messaging” because it tells buyers this is a complete business platform, not just a messaging script. Turn Social Conversations Into Sales SocialDesk+ is a complete omnichannel social commerce and business management platform built for businesses that sell and communicate with customers through social media. Instead of switching between WhatsApp, Facebook, Instagram and TikTok, businesses can manage customer conversations, comments, products, leads, follow-ups, automation, teams and business reports from one professional workspace. And because the full source code is included, developers, agencies and entrepreneurs can customize, rebrand and launch SocialDesk+ as their own business solution or SaaS platform. 🚀 Build Your Own Social Commerce Business SocialDesk+ gives you the foundation to launch: - Your own SaaS platform - A white-label social CRM - A social-commerce management system - A customer communication platform - A business messaging solution - A custom solution for clients - A multi-business subscription platform 💬 Connect Your Customers Supported social channels include: WhatsApp • Facebook • Instagram • TikTok Bring supported conversations into one centralized workspace and help businesses respond faster without constantly switching between platforms. 🛍️ More Than a Messaging Platform SocialDesk+ combines communication with the tools businesses need to manage customer opportunities: Inbox Manage customer conversations from connected channels. Comments Monitor and respond to social-media comments. Customers & Leads Organize customer information and potential buyers. Products & Catalog Manage products and give your team quick access to product information. Follow-Ups Make sure potential customers don't get forgotten. Automation Automate repetitive customer questions and responses. AI Assistant Provide AI-assisted communication when configured. Team Management Give managers and staff access to the business workspace. Reports & Analytics Track activity using business reports and analytics. The current product listing already includes these capabilities. 🔥 Why Buyers Will Want It Launch Faster Start with an already-built business platform instead of developing the entire system from zero. Customize Everything The full source code is included, allowing developers to change branding, features, workflows and integrations. Build a SaaS Create multiple business workspaces and offer SocialDesk+ as a subscription-based service. Sell to Businesses Offer it to retailers, restaurants, service businesses, online sellers, agencies and other businesses that communicate with customers through social media. Mobile + Web + Backend This isn't just a mobile UI template. It includes: - Flutter mobile application - Python / FastAPI backend - Web interface - Administration tools - Database infrastructure - API-based architecture - SQLite / PostgreSQL support - Android and iOS project structure 💼 One Platform. Multiple Business Opportunities. For SaaS Entrepreneurs Launch your own subscription platform and allow multiple businesses to operate inside separate workspaces. For Software Agencies Customize and rebrand the platform for clients instead of building an omnichannel business system from scratch. For Developers Use the complete source code as a foundation for your own social-commerce or customer-management product. For Businesses Deploy a dedicated version for your own customer-service and social-commerce operations. 🧩 What's Included Mobile - Flutter / Dart - Android - iOS project Backend - Python - FastAPI - SQLAlchemy - Alembic Database - SQLite - PostgreSQL Web - HTML5 - CSS3 - JavaScript Deployment - Docker - Docker Compose - Production configuration Business Platform - Multi-workspace architecture - Authentication - Teams - Customers - Products - Messaging - Comments - Automation - Reports - Subscriptions - Administration The current listing also documents third-party integrations such as Meta, TikTok, Stripe, Firebase, SMTP and optional OpenAI configuration. ⚡ What Makes SocialDesk+ Different? You're not buying a simple: ❌ Chat UI ❌ WhatsApp clone ❌ Flutter template ❌ Admin dashboard ❌ Basic CRM You're getting a complete business platform foundation that can be customized, branded and commercialized. Connect. Automate. Manage. Grow. SocialDesk+ Omnichannel Social Commerce & Business Management Platform One important change I'd make to the current listing The current page starts with: “A simple guide to managing your social conversations, customers, products and business activity.”

Other · 18,648 views · 35 clicks

$2

Go to Website
Ultimate Before After Image Slider & Gallery - BEAF Pro | Code Market