> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/en/blocks/widgets/before-after.md).

# Before\&after widget

The **Before/after** widget is intended for visual comparison of two images within one block.

![](/files/-Mgu6EPJnCqLo1jZAaGz)

A block with the widget can be added to any [Custom page and blocks](/site/en/pages/custom-page.md). Click on the <mark style="background-color:blue;">**+**</mark> button and go to the **Widgets** tab in the modal window. Then select a **Before/after** block of any size you want.

![](/files/6xSm3R2Lvn1NcLVdpGSd)