Overview
What it does
Section titled “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?
Section titled “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
Section titled “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
Section titled “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
Section titled “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.