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. Flat per-site subscription, 1/mo or 10/yr in credits, paid with shared credits. 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 flat per-site subscription: 1/mo or 10/yr in credits (yearly ≈ two months free). Writing comparisons requires an active subscription; while subscribed, usage is unlimited with no per-use charges. Pay with shared credits (top up at accounts.mrlatte.net); auto-renew can be turned off in your dashboard. See full pricing →