Before / After Slider

Two images, one draggable divider

Point it at two images (data-before/data-after) and you get a draggable comparison slider. Mouse and touch drag plus keyboard (←/→, Home/End) are supported, and you can customize corner labels (data-before-label/data-after-label), the initial position (data-start), and the divider color (data-accent). The single most effective way to show "what changed", photo edits, renovations, AI-generated results. Included in the BootSignal subscription ($20/mo or $200/yr, every widget on 1 domain, add more from the dashboard). Unlimited comparisons while subscribed.

Demo

Preview

Before

After⇄

Drag the divider (or ←/→) to sweep between two images

Integration

The same loader (bootsignal.js) powers your other widgets too. An active subscription is required to run the widget.

Pricing

Pricing is a single BootSignal subscription: $20/mo or $200/yr (2 months free). It unlocks every widget on 1 registered domain, and you can add more domains from the dashboard. Writing comparisons requires an active subscription; while subscribed, usage is unlimited with no per-use charges, and reading is always free for visitors. Manage the subscription at accounts.mrlatte.net. See full pricing →