# Overview

<!-- prettier-ignore-start -->

## What it does

Before and After gives teams an accessible image comparison for renovations, restorations, treatments, design changes, and other visual results. Keyboard, touch, and pointer users all operate the same native range control.

## Do I need to do anything?

Add the widget to a page in Layout Builder, complete its fields, and preview the public page before publishing.

## Where it shows up

In Layout Builder, as a Before and After widget with local before and after images, labels, and an initial split position. The public fallback shows both images side by side.

## Good to know

- This free beta extension belongs to Capell Foundation and requires Layout Builder.
- The widget uses local media, needs no external service, and keeps a useful no-JavaScript comparison.

## Screenshot status

Capture the configured Layout Builder fields and a public comparison at a clear mid-point with both labels visible. The committed Marketplace card is interim beta artwork until these two fixture captures are recorded.

---

For developers: see the [README](../README.md).

<!-- prettier-ignore-end -->