Need Help?

Here are some good places you cant start.

Join the Community

Whats New?

Get updated about all the good stuff!


Before After

Before After Widget” helps you to compare before and after images of your projects. You can easily compare images of any kind with the help of this creative widget. You can customize the widget with its customization and styling options.


Let’s look at each of the options in the “Before After Widget” below.

Install Before After Widget for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

  1. Go to Unlimited Elements Widget Library
  2. Search in the search bar for “Before After
  3. Hover over the widget in the search results and click install
  4. Add your “Before After” widget to any Elementor Page

General Settings


Before Image

Choose the before image.


After Image

Choose the after image.


Enable Slider Interaction in Editor

This will allow to interact (drag handle) with the slider inside the Elementor editor.

Before After Widget Styling

Style the slider width, background, handle width, height, background, border and radius.

Usage Examples

Here are some live use cases for the Before After Widget.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!


You got FREE access to the worlds leading widgets for Elementor page builder!