BLACK FRIDAY
Save 59% on PageForge Annual $191/year $485/year
Claim 59% Off →
BaqFlo BeforeAfter icon
Actively maintained Tested up to 7.0.6 #29 in before after

BaqFlo BeforeAfter

Create responsive before-and-after image comparisons with draggable sliders, side-by-side views, reveal effects and intelligent image panning.

Active installs<10New
Downloads · 30d59▲ +40.5% vs prev. 30d
Rating—0 reviews
Health score55/100Fair
All-time downloads166Since Jul 2026
Support resolved—No recent threads
RequiresWP 6.0PHP 7.4+
Downloads · 7d12▼ -33.3% week over week
Our verdict

Use with caution

BaqFlo BeforeAfter works, but test it on a staging site before relying on it in 2026. Was last updated 2 months ago, and scores 55/100 on our health check.

  • Small user base (<10 active installs)
  • Very few reviews so far

How does it stack up?

Side-by-side on installs, updates, ratings & support

Daily downloads

81624Jul 22Aug 26Sep 30
Yesterday3
Daily average (1y)2
Peak day33Jul 22, 2026
Last 12 months175

Download spikes usually follow a new release — each site that auto-updates counts as a download.

Rankings

Where BaqFlo BeforeAfter stands today

WordPress.org search rankings

Live position in the plugin search, top 100
KeywordPositionCompeting pluginsCategory
before after >100 10,000 Best before after plugins →
comparison slider >100 419 Best comparison slider plugins →
image comparison >100 1,317 Best image comparison plugins →
image slider >100 2,762 Best image slider plugins →
photo comparison >100 280 Best photo comparison plugins →

About BaqFlo BeforeAfter

From the official readme · v1.01

Description

Show Every Transformation Clearly

BaqFlo BeforeAfter helps you present two images in a clear, interactive comparison.

Create a comparison, choose the before and after images, select a display style, customise the presentation and place it anywhere using the generated shortcode.

Whether you are showcasing renovations, photography edits, beauty treatments, landscaping, restorations, design revisions or product development, BeforeAfter gives visitors an immediate and engaging way to see what changed.

Designed to be lightweight, responsive and easy to use, BeforeAfter works beautifully on desktop, tablet and mobile devices.

Why Choose BeforeAfter?

Three Flexible Comparison Styles

Choose a draggable comparison slider, a side-by-side layout, or a hover and press reveal effect to match the way you want visitors to explore your images.

Responsive and Touch Friendly

Every comparison adapts to desktop, tablet and mobile screens. Slider, reveal and panning interactions work with mouse, touch and keyboard input.

Landscape and Portrait Ready

Use common aspect ratios, enter a custom ratio, or calculate the display ratio from the selected images. BeforeAfter is designed to handle wide panoramas, tall screenshots and mobile portrait images gracefully.

Flexible Image Presentation

Choose cover or contain fitting, control horizontal and vertical alignment, and adjust the starting slider position for each comparison.

Intelligent Drag Panning

Side-by-side comparisons can use individual, tandem or scale-aware drag panning. Visitors can explore clipped areas of tall or wide images without visible scrollbars.

Lightweight by Design

Frontend assets load only when a BeforeAfter comparison is displayed on the page, helping keep the rest of your website efficient.

Core Features

  • Draggable before-and-after image slider
  • Side-by-side image comparison
  • Hover or press-to-reveal comparison
  • Responsive and touch-friendly interactions
  • Custom before and after labels
  • Common, custom and image-calculated aspect ratios
  • Cover and contain image fitting
  • Horizontal and vertical image alignment
  • Individual, tandem and scale-aware drag panning
  • Adjustable starting slider position
  • Media Library image selection
  • Animated GIF image comparisons
  • Direct image URL support
  • Shortcode placement
  • Multiple comparisons on the same page
  • Lightweight conditional asset loading

Perfect For

BeforeAfter is ideal for:

  • Hair and beauty transformations
  • Surgery and dental treatment results
  • Website redesigns
  • Home renovations
  • Landscaping projects
  • Photography retouching
  • AI image generation comparisons
  • Graphic design revisions
  • Product development
  • Restoration and repair work
  • Before-and-after marketing campaigns

Built for Real-World Images

Before and after images are not always perfectly matched or conveniently shaped.

BeforeAfter includes flexible alignment, fitting, aspect-ratio and panning controls so you can present panoramas, portrait images, screenshots and differently sized source images without rebuilding the originals first.

Ready for More? Upgrade to BeforeAfter Pro

BeforeAfter Pro is a separate plugin available from BaqFlo. It expands the same familiar workflow with new media types, multi-image Comparison Sets and advanced inspection and playback tools.

Unlock Pro features including:

  • Video comparisons
  • Live webpage iframe comparisons
  • Two-to-four image Comparison Sets with automatic pair generation
  • Pair selector styles and advanced set layouts
  • Zoom with synchronised panning
  • All-image grids with synced drag
  • Progression playback controls
  • Future premium enhancements

Learn more about BeforeAfter Pro:

https://baqflo.com/beforeafter/

Built by BaqFlo

BeforeAfter is part of the growing BaqFlo family of WordPress plugins.

Our goal is simple: build professional WordPress plugins that are fast, thoughtfully designed and genuinely enjoyable to use.

Installation

  1. Install and activate BaqFlo BeforeAfter.
  2. Open BeforeAfter from the BaqFlo admin menu.
  3. Create a new comparison.
  4. Choose the before and after images.
  5. Select a comparison style and configure the presentation settings.
  6. Publish the comparison.
  7. Copy the generated shortcode into a page, post or widget.

Frequently asked questions

Which comparison styles are included?

The free plugin includes a draggable slider, a side-by-side layout, and a hover or press-to-reveal layout.

Does BeforeAfter work on phones and tablets?

Yes. Comparisons are responsive and their interactive controls support touch input.

Can I compare tall screenshots or wide panoramic images?

Yes. Choose a suitable aspect ratio and use the available alignment and side-by-side panning controls to explore clipped areas.

Can BeforeAfter calculate the aspect ratio from my images?

Yes. The image aspect-ratio option uses the smallest shared width and height from the two selected images to create a practical comparison ratio.

Can I use animated GIFs in the free plugin?

Yes. Animated GIF files can be selected from the Media Library or used through a direct image URL.

Can I compare videos or live webpages?

Video and live webpage iframe comparisons are available in BeforeAfter Pro. The free plugin supports standard images and animated GIF image files.

Can I use direct image URLs?

Yes. You can select supported images from the WordPress Media Library or enter a direct URL to a supported image file.

Can I display multiple comparisons on one page?

Yes. Each comparison has its own shortcode, and multiple comparison shortcodes can be placed on the same page.

Can I edit a comparison after publishing it?

Yes. Update the comparison in WordPress and every instance of its shortcode will use the new settings.

Does BeforeAfter load files on every page?

No. Frontend assets are loaded only when a BeforeAfter comparison is rendered.

What does BeforeAfter Pro add?

BeforeAfter Pro is a separately distributed plugin that adds video and live webpage comparisons; two-to-four image Comparison Sets; automatic pair generation; selector styles; zoom and synced pan; synced image grids; and progression playback controls.

Can I upgrade without rebuilding my comparisons?

Yes. Existing core comparisons remain available when moving to the separately distributed Pro plugin.

Where can I learn more about BeforeAfter Pro?

https://baqflo.com/beforeafter/

Changelog

1.01

  • Updated to the current BaqFlo framework.
  • Added safe plugin-specific identifier and stored-data migration.
  • Improved Lite and Pro replacement compatibility.
  • Updated the admin JavaScript global to the product-specific namespace.
  • Restored reliable list-screen previews and added automatic asset cache invalidation.

1.00

  • Initial WordPress.org release.

Full changelog on WordPress.org →

Screenshots

Interactive draggable slider (left) and Side-by-side comparing two images.
Interactive draggable slider (left) and Side-by-side comparing two images.
Drag panning for larger images.  Left example are two extra-tall images that can be vertically panned, and the right example are a before and after image that are extra-wide, horizontally panning.  Panning can be set to no panning, tandem panning, individual panning, scale-aware panning.
Drag panning for larger images. Left example are two extra-tall images that can be…
Large images have zoom toggle option.  As seen in the left example, toggle zoom shows the full image.
Large images have zoom toggle option. As seen in the left example, toggle zoom shows the…
BeforeAfter edit page.  Note, this screenshot shows PRO Features not available in the Free Core edition.
BeforeAfter edit page. Note, this screenshot shows PRO Features not available in the Free…
BeforeAfter admin - home showing the list of BeforeAfters with handy live preview button and quick copy shortcodes
BeforeAfter admin - home showing the list of BeforeAfters with handy live preview button…
PRO: Compare video sources using the familiar BeforeAfter interface.  Slider, side-by-side, overlay available.  Comparison sets also allow usage of videos.
PRO: Compare video sources using the familiar BeforeAfter interface. Slider…
PRO: Compare live webpages using iframe sources.  Website comparisons can block interactions, allow full interactions, or scroll-only with the scroll-safe area.  Please note not all websites allow iframe rendering.
PRO: Compare live webpages using iframe sources. Website comparisons can block…
PRO: Build two-to-four image Comparison Sets with automatic pair generation (Side-by-side).
PRO: Build two-to-four image Comparison Sets with automatic pair generation…
PRO: Build two-to-four image Comparison Sets with automatic pair generation (Grid view).
PRO: Build two-to-four image Comparison Sets with automatic pair generation (Grid view).

For developers

Is this your plugin? Show off the numbers.

Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.

Active installs badge Rating badge Health score badge

Best BaqFlo BeforeAfter alternatives

All before after plugins →
Alternatives
Rank Plugin Active installs Rating Updated Health
1 Ultimate Before After Image Slider & Gallery – BEAF Ultimate Before After Image Slider & Gallery – BEAF Need a Before After Image Comparison slider? Create your before and after slider with BEAF… by Themefic 30K+ ★★★★★★★★★★ 4.9 (106) 2 days ago 95
2 WP Before After Image Slider – Interactive Image and Video Comparison Plugin for WordPress WP Before After Image Slider WP Before After Image & Video Slider for WordPress - Create Stunning Interactive… by Code Canel 1K+ ★★★★★★★★★★ 5 (2) 4 months ago 62
3 Before After Image Compare — Gutenberg & Elementor Before After Image Compare — Gutenberg & Elementor Create stunning before and after image sliders in Gutenberg or Elementor. Free, responsive… by Zelvigo 200+ ★★★★★★★★★★ 4 (1) 1 month ago 64
4 Advanced WpBakery Page Builder Addons Advanced WpBakery Page Builder Addons Khulnar ke download korchen Please contact by themescup 100+ ★★★★★★★★★★ 5 (3) 6 years ago 32
5 Before After Slider for WooCommerce – eBEAF Before After Slider for WooCommerce – eBEAF Want to show comparison of two images on your WooCommerce Store? Easily create before and… by Pixelfic 100+ ★★★★★★★★★★ 5 (4) 2 years ago 35
6 Image Comparison Addon for Elementor Image Comparison Addon for Elementor Image comparison addon for elementor page builder plugin. Install & get image after before… by Liton Arefin 70+ ★★★★★★★★★★ No reviews 11 months ago 40
7 Medical Before After Gallery Medical Before After Gallery A simple before-after image gallery plugin designed for medical professionals and… by WPpluginDev 50+ ★★★★★★★★★★ 5 (6) 4 months ago 58
8 Before After Slider Before After Slider Short Description: Create beautiful before and after image sliders with multiple styles… by musaraeeskhan 40+ ★★★★★★★★★★ 5 (1) 6 months ago 46
9 Simple Before After Image Slider Simple Before After Image Slider Easily display before/after image comparisons with a lightweight and responsive slider… by Marcel CL 30+ ★★★★★★★★★★ No reviews 1 year ago 27
10 VisualCompare – Before & After Slider VisualCompare – Before & After Slider Create accessible before-and-after image sliders for WordPress with a block, Elementor… by Volodymyr Zhukivskyi 30+ ★★★★★★★★★★ No reviews 2 weeks ago 67

FAQ

BaqFlo BeforeAfter: quick answers

Straight answers, pulled from live WordPress.org data.

Live data from WordPress.org · checked Oct 1, 2026

Is BaqFlo BeforeAfter free?

Yes. BaqFlo BeforeAfter is free to download and use from the official WordPress.org plugin directory.

Is BaqFlo BeforeAfter safe to use in 2026?

BaqFlo BeforeAfter works, but test it on a staging site before relying on it in 2026. Was last updated 2 months ago, and scores 55/100 on our health check.

How many websites use BaqFlo BeforeAfter?

BaqFlo BeforeAfter is active on <10 WordPress websites and has been downloaded 166 times since it launched in July 2026. It was downloaded 59 times in the last 30 days.

Does BaqFlo BeforeAfter work with WordPress 7.1?

BaqFlo BeforeAfter is officially tested up to WordPress 7.0.6, while the latest release is 7.1.2. It may still work, but try it on a staging site first.

What PHP version does BaqFlo BeforeAfter need?

BaqFlo BeforeAfter requires PHP 7.4 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.

When was BaqFlo BeforeAfter last updated?

The latest version, 1.01, was released on July 22, 2026 (2 months ago).

Who makes BaqFlo BeforeAfter?

BaqFlo BeforeAfter is developed and maintained by baqflo.

What are the best alternatives to BaqFlo BeforeAfter?

The most popular alternatives to BaqFlo BeforeAfter are Ultimate Before After Image… (30K+ installs), WP Before After Image Slider (1K+ installs) and Before After Image Compare (200+ installs).

Powered by PageForge

Want thousands of pages that rank like these? Build them in an afternoon.

This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.

  • CSV, Google Sheets & API data sources
  • AI content, schema & internal links per page
  • Works with Elementor, Gutenberg, Yoast & Rank Math
  • Free on WordPress.org — no credit card
Sarah is here to help!
Hi there! 👋 Need help finding what you're looking for?
Sarah
Sarah
Online & Ready to Help
Hi there! 👋 Need help finding what you're looking for?

We'll use this to continue our conversation

Just now ✓ Verified

Join 500+ SEO Pros Scaling Their Strategy

Get exclusive programmatic SEO tactics, AI content workflows, and the latest PageForge updates delivered straight to your inbox. Stay ahead of the algorithm.

We care about your data in our privacy policy.