Title: Sleek Compare
Author: Tim Normington
Published: <strong>17 mars 2026</strong>
Last modified: 7 juni 2026

---

Sök tillägg

![](https://ps.w.org/sleek-compare/assets/banner-772x250.png?rev=3484845)

![](https://ps.w.org/sleek-compare/assets/icon-256x256.png?rev=3484845)

# Sleek Compare

 Av [Tim Normington](https://profiles.wordpress.org/timjnormington/)

[Ladda ner](https://downloads.wordpress.org/plugin/sleek-compare.1.0.1.zip)

 * [Detaljer](https://sv.wordpress.org/plugins/sleek-compare/#description)
 * [Recensioner](https://sv.wordpress.org/plugins/sleek-compare/#reviews)
 *  [Installation](https://sv.wordpress.org/plugins/sleek-compare/#installation)
 * [Utveckling](https://sv.wordpress.org/plugins/sleek-compare/#developers)

 [Support](https://wordpress.org/support/plugin/sleek-compare/)

## Beskrivning

Sleek Compare is a lightweight before/after image comparison slider for WordPress.
Built with performance in mind — no jQuery, no FontAwesome, no bloat.

#### Key Features

 * **Ultra-lightweight**: Under 10KB total (JS + CSS combined)
 * **Zero external dependencies**: No jQuery or icon libraries required
 * **Touch-friendly**: Full swipe support for mobile devices
 * **Keyboard accessible**: Arrow keys, Shift+Arrow for 10% jumps, Home/End
 * **Simple shortcode**: Works in classic editor, widgets, and page builders
 * **Lazy loading**: Images and slider initialization deferred until visible
 * **CSS variables**: Easy theming without touching code
 * **No render-blocking resources**: Scripts and styles load conditionally

#### Pro Version

Want Gutenberg block and Elementor widget support? Check out [Sleek Compare Pro](https://products.tnormington.com/sleek-compare)
for:

 * Native Gutenberg block with live preview
 * Full Elementor widget with style controls
 * Custom handle colors
 * Priority email support
 * Lifetime updates

### Usage

#### Shortcode

Basic usage:
 [sleek_compare before=”https://example.com/before.jpg” after=”https://
example.com/after.jpg”]

With all options:
 [sleek_compare before=”https://example.com/before.jpg” after=”
https://example.com/after.jpg” start=”30″ label_before=”Original” label_after=”Enhanced”
show_labels=”true” ]

#### Shortcode Attributes

 * `before` – URL of the before image (required)
 * `after` – URL of the after image (required)
 * `start` – Starting position 0-100 (default: 50)
 * `label_before` – Before label text (default: ”Before”)
 * `label_after` – After label text (default: ”After”)
 * `show_labels` – Show labels true/false (default: true)

## Skärmdumpar

[⌊Slider in action on the frontend⌉⌊Slider in action on the frontend⌉[

Slider in action on the frontend

[⌊Admin settings page with usage instructions⌉⌊Admin settings page with usage instructions⌉[

Admin settings page with usage instructions

## Installation

 1. Upload the `sleek-compare` folder to `/wp-content/plugins/`
 2. Activate the plugin through the ’Plugins’ menu in WordPress
 3. Use the shortcode to add sliders to your pages
 4. Visit Settings > Sleek Compare for usage instructions

## Vanliga frågor

### Does this work with page builders?

Yes, use the shortcode in any page builder that supports shortcodes.

### Is it mobile friendly?

Absolutely. Full touch/swipe support with optimized touch targets.

### Is it accessible?

Yes. Full keyboard navigation and screen reader support.

### How do I get Gutenberg block or Elementor widget support?

The Pro version includes these features. Visit [products.tnormington.com/sleek-compare](https://products.tnormington.com/sleek-compare)
to upgrade.

## Recensioner

![](https://secure.gravatar.com/avatar/68c92ffb3aa18cf0ad56c125b22cea23f190f116c370afa3b7a01fe53463a182?
s=60&d=retro&r=g)

### 󠀁[Easy, fast, customizable](https://wordpress.org/support/topic/easy-fast-customizable-2/)󠁿

 [Max](https://profiles.wordpress.org/maxyokococom/) 9 juni 2026

It feels well-built, and is not bloated with a bunch of ads, upsells, and other 
junk. I was able to easily customize the appearance with CSS, and had it up and 
running within a few minutes of installation.

![](https://secure.gravatar.com/avatar/357c3150f81c4299eac89e78df0c659db99f1f2f96e0a6989618de9802c0cd80?
s=60&d=retro&r=g)

### 󠀁[Very good lightweight plugin](https://wordpress.org/support/topic/very-good-lightweight-plugin-3/)󠁿

 [iamericlenz](https://profiles.wordpress.org/iamericlenz/) 9 juni 2026

At first, I had trouble with the premium version but I got in touch with the developer
and we resolved it easily. Now everything is running smoothly. I appreciate the 
fact that the plugin is not a subscription but a one time purchase. If there is 
ever a Version 2, I will buy that, too!

 [ Läs alla 2 betyg ](https://wordpress.org/support/plugin/sleek-compare/reviews/)

## Bidragsgivare och utvecklare

”Sleek Compare” är programvara med öppen källkod. Följande personer har bidragit
till detta tillägg.

Bidragande personer

 *   [ Tim Normington ](https://profiles.wordpress.org/timjnormington/)

[Översätt ”Sleek Compare” till ditt språk.](https://translate.wordpress.org/projects/wp-plugins/sleek-compare)

### Intresserad av programutveckling?

[Läs programkoden](https://plugins.trac.wordpress.org/browser/sleek-compare/), kika
på [SVN-filförvaret](https://plugins.svn.wordpress.org/sleek-compare/) eller prenumerera
på [utvecklarloggen](https://plugins.trac.wordpress.org/log/sleek-compare/) via 
[RSS](https://plugins.trac.wordpress.org/log/sleek-compare/?limit=100&mode=stop_on_copy&format=rss).

## Ändringslogg

#### 1.0.1

 * Added upgrade banner with Pro feature highlights and step-by-step upgrade instructions
 * Added FAQ entry for upgrading from Lite to Pro

#### 1.0.0

 * Initial release

## Meta

 *  Version **1.0.1**
 *  Senast uppdaterat **4 månader sedan**
 *  Aktiva installationer **10+**
 *  WordPress-version ** 5.8 eller senare **
 *  Testat upp till **7.0.6**
 *  PHP-version ** 7.4 eller senare **
 *  Språk
 * [English (US)](https://wordpress.org/plugins/sleek-compare/)
 * Etiketter
 * [before after](https://sv.wordpress.org/plugins/tags/before-after/)[compare images](https://sv.wordpress.org/plugins/tags/compare-images/)
   [gutenberg](https://sv.wordpress.org/plugins/tags/gutenberg/)[image comparison](https://sv.wordpress.org/plugins/tags/image-comparison/)
   [slider](https://sv.wordpress.org/plugins/tags/slider/)
 *  [Avancerad vy](https://sv.wordpress.org/plugins/sleek-compare/advanced/)

## Betyg

 5 av 5 stjärnor.

 *  [  2 5-stjärniga recensioner     ](https://wordpress.org/support/plugin/sleek-compare/reviews/?filter=5)
 *  [  0 4-stjärniga recensioner     ](https://wordpress.org/support/plugin/sleek-compare/reviews/?filter=4)
 *  [  0 3-stjärniga recensioner     ](https://wordpress.org/support/plugin/sleek-compare/reviews/?filter=3)
 *  [  0 2-stjärniga recensioner     ](https://wordpress.org/support/plugin/sleek-compare/reviews/?filter=2)
 *  [  0 1-stjärniga recensioner     ](https://wordpress.org/support/plugin/sleek-compare/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/sleek-compare/reviews/#new-post)

[Visa alla recensioner](https://wordpress.org/support/plugin/sleek-compare/reviews/)

## Bidragande personer

 *   [ Tim Normington ](https://profiles.wordpress.org/timjnormington/)

## Support

Har du något att säga? Behöver du hjälp?

 [Visa supportforum](https://wordpress.org/support/plugin/sleek-compare/)

## Donera

Skulle du vilja bidra till utvecklingen av detta tillägg?

 [ Donera till det här tillägget ](https://products.tnormington.com/sleek-compare)