JS Before/After Image Comparison Slider with Touch Support
A responsive before/after image comparison component built with vanilla JS and CSS clip-path. Supports mouse drag, touch gestures, and full keyboard accessibility.
JavaScript & CSS Image comparison
Touch-friendly Image Comparison Slider In Vanilla JS – before-after.js
Yet another JavaScript before/after image comparison library that works both on desktop and mobile.
Multi-Stage Image Comparison Carousel with CSS Scroll-timeline
Implement a multi-step image comparison carousel. It synchronizes image reveals, 3D flips, and progress counters directly to the user’s scroll position.
Before-After Image Comparison Slider: Lightweight Web Component
Build interactive image comparison sliders with this tiny Web Component library. Touch-enabled, keyboard accessible, just 3KB minified.
Responsive Image Comparison Slider for Before/After Views
Compare before/after images easily with this lightweight JavaScript slider. It’s responsive, accessible, and works great on touch devices.
Modern Lightweight Image Comparison Slider – image-compare-viewer
A modern, lightweight, mobile-compatible image comparison slider written in vanilla JavaScript.
Compare Two Images With Range Input
A minimal and fast before/after image comparison slider built with range input and a bit of JavaScript.
Fast Accessible Image Comparison Web Component – image-compare
A lightweight, fast, accessible, mobile-friendly, and progressive enhancement image comparison web component written in JavaScript.
Smooth Touch-enabled Image Comparison Slider In JavaScript
A smooth and mobile-friendly image comparison slider that allows the user to compare two images by sliding a vertical bar, revealing different parts of each image.
Compare Two Overlapping Images Using Juxtapose.js
Juxtapose.js is a stand-alone Javascript library that allows you to compare two overlapping images with a before/after slider.