Best 14 jQuery Image Comparisons

The any Image Comparison Slider is an extremely versatile yet slim slider for comparing images. You have a lot of options to configure the slider and it works just about everywhere.

Author: NiklasKnaack

Links: GitHub, Website

Made with: HTML (78.5%), JavaScript (18.3%), CSS (3.2%)

GitHub Activity:

Two images are compared in a modern way using JQuery (practice project)

Author: MalihaKabir

Links: GitHub, Website

Made with: JavaScript (66.3%), CSS (23.1%), HTML (10.6%)

GitHub Activity:

jQuery Plugin to Compare Images

Author: zurb

Links: GitHub

Made with: CSS (49.5%), JavaScript (38.8%), HTML (9.4%), Ruby (2.3%)

GitHub Activity:

A simple and responsive image comparison slider. Comparison sliders are nothing new. There are even pure CSS implementations that is nothing but short of amazing.

Author: jotform

Links: GitHub

Made with: JavaScript (52.4%), HTML (24.3%), CSS (23.3%)

GitHub Activity:

Much like the caterpillar, your image will undergo a clear transformation with Cocoen. Making comparison really easy, it’s as straightforward way of seeing your images in a new light.

Author: koenoe (Koen Romers)

Links: GitHub

Made with: TypeScript (79.2%), JavaScript (15.1%), HTML (3.5%), Shell (2.2%)

GitHub Activity:

After~Before image sequence scrolling jQuery plugin which enables you to compare the differences between a set of images in sequence as your scroll down and up.

Author: CarmineRumma

Links: GitHub, Website

Made with: CSS (47.6%), JavaScript (42.4%), HTML (10.0%)

GitHub Activity:

A jquery plugin for comparing two images

Author: sylvaincombes

Links: GitHub

Made with: JavaScript (76.5%), CSS (12.3%), HTML (11.2%)

GitHub Activity:

jQuery plugin for comparing images, you know, before and after.

Author: vikekh (Viktor Ekholm)

Links: GitHub

Made with: JavaScript (93.1%), CSS (6.9%)

GitHub Activity:

An HTML5 compatible jQuery plugin for comparing two images along with a slider.

Author: rashid2538 (Rashid Mohamad)

Links: GitHub

Made with: JavaScript (78.9%), HTML (21.1%)

GitHub Activity:

Plugin Slider

Author: guillaumebriday

Links: GitHub, Website

Made with: JavaScript (51.5%), CSS (27.8%), HTML (20.7%)

GitHub Activity:

Effect like this is used in 2014 Mercedes Benz official site for customizing S550 AMG

Author: nicolasxu

Links: GitHub

Made with: CSS (100.0%)

GitHub Activity:

jQuery plugin that provides a draggable slider to intuitively compare two images

Author: icu222much

Links: GitHub

Made with: JavaScript (54.2%), HTML (31.4%), CSS (14.4%)

GitHub Activity:

jQuery slider plugin for 'before vs after' comparison.

Author: hanumanum

Links: GitHub, Website

Made with: HTML (61.8%), JavaScript (38.2%)

GitHub Activity: