BaqFlo BeforeAfter

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