Before & After

A drag-to-compare image slider with custom labels and a grayscale before state. Configure images, slider styling, labels, and container dimensions from the panel.

BeforeAfter
BeforeAfter
What's Inside

Every setting you'll
ever need.

Drag Comparison Slider

Set the initial slider position, line color and width, and the drag handle's background, icon color, and size for a fully styled comparison control.

Container Dimensions

Set a max width, max height, aspect ratio, and border radius so the comparison fits cleanly into any layout, from a square thumbnail to an ultrawide banner.

Custom Labels

Toggle before and after labels with custom text, typography, background, and text color, so visitors instantly understand which side is which.

Grayscale Before Image

Toggle a grayscale filter on the before image so the comparison reads as a clear transformation from dull to vivid as the slider moves across.

Before & After Images

Upload separate before and after images, each with its own alt text for accessibility. Visitors drag the handle to reveal more of either side.

Pricing

One plan, all 100+ widgets.

STARTER
$69/year
1 website license
All 120+ widgets1 website1 year of updatesPriority supportAI Builder
Get Starter License
AGENCY
$199/year
Unlimited websites
All 120+ widgetsUnlimited websitesLifetime updatesPriority Discord accessAI Builder (experimental)
Get Agency License
Frequently Asked Questions

Everything you need to know.

WML Elements Pro is a premium widget library for Bricks Builder, adding 100+ animated, interactive, and design-forward elements directly into your Bricks editor. From kinetic text effects and scroll-driven animations to interactive galleries, pricing tables, and fullscreen navigation, every widget is built specifically for Bricks with full panel controls and no custom code required.

The only requirement is an active installation of Bricks Builder. WML Elements Pro installs as a standard WordPress plugin and registers all widgets automatically inside your Bricks editor. No extra page builders, JavaScript libraries, or third-party accounts are needed.

No. Each widget only loads the assets it needs scripts and styles are enqueued per widget, not globally. Widgets that aren't used on a page add zero overhead. The library is also built with performance in mind, using native browser APIs and lightweight CSS animations wherever possible.

Yes. Your license covers use across the number of sites specified in your plan. You can install the plugin on client projects, hand off the site, and the client can edit widget settings directly inside Bricks without needing to understand any underlying code.

Your existing widgets continue to work normally on all published pages nothing breaks on the front end. You simply lose access to plugin updates and new widgets until the license is renewed. We recommend renewing to stay current with new releases and compatibility updates for Bricks Builder.