Tim Normington

<p>Sleek Compare is a lightweight before/after image comparison slider for WordPress. Built with performance in mind — no jQuery, no FontAwesome, no bloat.</p>
<h4>Key Features</h4>
<ul>
<li><strong>Ultra-lightweight</strong>: Under 10KB total (JS + CSS combined)</li>
<li><strong>Zero external dependencies</strong>: No jQuery or icon libraries required</li>
<li><strong>Touch-friendly</strong>: Full swipe support for mobile devices</li>
<li><strong>Keyboard accessible</strong>: Arrow keys, Shift+Arrow for 10% jumps, Home/End</li>
<li><strong>Simple shortcode</strong>: Works in classic editor, widgets, and page builders</li>
<li><strong>Lazy loading</strong>: Images and slider initialization deferred until visible</li>
<li><strong>CSS variables</strong>: Easy theming without touching code</li>
<li><strong>No render-blocking resources</strong>: Scripts and styles load conditionally</li>
</ul>
<h4>Pro Version</h4>
<p>Want Gutenberg block and Elementor widget support? Check out <a href="https://products.tnormington.com/sleek-compare" rel="nofollow ugc">Sleek Compare Pro</a> for:</p>
<ul>
<li>Native Gutenberg block with live preview</li>
<li>Full Elementor widget with style controls</li>
<li>Custom handle colors</li>
<li>Priority email support</li>
<li>Lifetime updates</li>
</ul>
<h3>Usage</h3>
<h4>Shortcode</h4>
<p>Basic usage:<br />
    [sleek_compare before=”https://example.com/before.jpg” after=”https://example.com/after.jpg”]</p>
<p>With all options:<br />
    [sleek_compare<br />
      before=”https://example.com/before.jpg”<br />
      after=”https://example.com/after.jpg”<br />
      start=”30″<br />
      label_before=”Original”<br />
      label_after=”Enhanced”<br />
      show_labels=”true”<br />
    ]</p>
<h4>Shortcode Attributes</h4>
<ul>
<li><code>before</code> – URL of the before image (required)</li>
<li><code>after</code> – URL of the after image (required)</li>
<li><code>start</code> – Starting position 0-100 (default: 50)</li>
<li><code>label_before</code> – Before label text (default: “Before”)</li>
<li><code>label_after</code> – After label text (default: “After”)</li>
<li><code>show_labels</code> – Show labels true/false (default: true)</li>
</ul>


Sleek Compare

A lightweight before and after image comparison slider for WordPress. No dependencies, under 10KB total.

Aluka

<p>BA Plus – Before & After Image Slider is a plugin for WordPress which allow you compare two or more different images in the same frame.</p>
<p><a href="http://dev.abydx.com/bai/" title="Live Demo" rel="nofollow ugc">Try out the demo</a> to see it in action!</p>
<h3>Features</h3>
<ul>
<li>Compare two or more images</li>
<li>Slideshow Option</li>
<li>Auto Slide Bar Mode</li>
<li>Option to change slide duration</li>
<li>Fully Responsive</li>
<li>Touch & Swipe on Mobile Devices</li>
<li>Define Any Initial Position for Your Slider</li>
<li>Horizontal or Vertical</li>
<li>Hover or Drag Interaction</li>
<li>Many Styles to Choose</li>
<li>Many Options to Customize (Labels, Captions, Slide Bar,…)</li>
<li>Shortcode Generator</li>
</ul>
<h3>Premium Features</h3>
<ul>
<li>Import/Export Customizer Settings</li>
<li>Export Slider to Static HTML</li>
</ul>
<h3>Premium Support</h3>
<p>We provides very limited support on the WordPress.org forums. Please feel free to post questions or bug reports, but for timely support, we recommend purchasing Pro version.<br />
<a href="http://dev.abydx.com/bai/pro/" title="Pro version" rel="nofollow ugc">View pro version</a></p>
<h3>Privacy Policy</h3>
<p>This plugin doesn’t collect/store any user related information.</p>


BA Plus – Before & After Image Slider FREE

This plugin works as advertised, and I will end up getting the premium version as it is reasonably priced.

Excellent

Offers a simple and effective way to compare two or more different images in the same frame.

Sleek Compare vs BA Plus – Before & After Image Slider FREE