Opens in a new tab
Log inStart free

Gallery · Before and after

An image comparison gallery for Bricks Builder with two photos stacked on top of each other and a line you drag, or that follows the mouse, to compare them. It works side by side or top and bottom. Built on the FBK Compare component, good for before-and-after shots.

FreeDark mode readyNeeds Code execution

Copying for Fancy Framework · Desktop first

Needs a framework. Get Fancy Framework (free)

Free with a free account.

Uses a small script. Turn on Code execution in Bricks › Settings › Custom code. How to turn on Code execution

Preview

Preview of the before and after template: an image comparison gallery for Bricks Builder with two photos stacked on top of each other and a line you drag

Template details

What’s inside

The components it’s built from. They come with the template when you paste it, and you edit them from the Bricks panel.

  • FBK Compare

    A before/after pair of photos with a line you drag to compare them.

  • FBK Intro

    Eyebrow, title, lead and an actions slot for buttons.

Adjust it

Nothing extra to set: it takes its colors, spacing and type from your framework.

Replaces

In Fancy Bricks 1.0 and 2.0 this was Image comparison (1.0), Image comparison (Vertical) (1.0) and Image comparison (2.0).

More like this

See all Galleries templates