Collection
Post cover
Created 4 month back

Best 14 jQuery Image Comparisons

Collection of free jQuery image comparison (before and after) plugins with examples and effects: responsive, horizontal and vertical orientation.

Post cover

jQuery slider plugin for "before vs after" comparison

jQuery slider plugin for 'before vs after' comparison.

Author: hanumanum

Links: GitHub, Website

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
3 1 4
Post cover

SimpleSlider

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:

⭐ Stars 👀️ Watchers 📎️ Forks
0 1 1
Post cover

jQuery Any Image Comparison Slider

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:

⭐ Stars 👀️ Watchers 📎️ Forks
4 1 1
Post cover

Cocoen

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:

⭐ Stars 👀️ Watchers 📎️ Forks
215 8 57
Post cover

TwentyTwenty Build with SCSS

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:

⭐ Stars 👀️ Watchers 📎️ Forks
1.2k 107 286
Post cover

Image Comparison with jQuery

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:

⭐ Stars 👀️ Watchers 📎️ Forks
0 1 0
Post cover

ImgCmp

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:

⭐ Stars 👀️ Watchers 📎️ Forks
2 1 1
Post cover

jQuery Sequency js

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:

⭐ Stars 👀️ Watchers 📎️ Forks
24 2 7
Post cover

jQuery Images Compare

A jquery plugin for comparing two images

Author: sylvaincombes

Links: GitHub

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
47 2 10
Post cover

Slider Jquery

Plugin Slider

Author: guillaumebriday

Links: GitHub, Website

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

GitHub Activity:

⭐ Stars 👀️ Watchers 📎️ Forks
2 1 0
Post cover

jQuery Image Compare

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:

⭐ Stars 👀️ Watchers 📎️ Forks
2 1 1
Post cover

jQuery Comparison

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:

⭐ Stars 👀️ Watchers 📎️ Forks
1 2 0
Post cover

before-after.js

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:

⭐ Stars 👀️ Watchers 📎️ Forks
341 46 62

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback