https://github.com/cloudfour/image-compare

A web component for comparing images with a slider.
https://github.com/cloudfour/image-compare

Last synced: 6 months ago
JSON representation

A web component for comparing images with a slider.

• Host: GitHub
• URL: https://github.com/cloudfour/image-compare
• Owner: cloudfour
• Created: 2021-06-16T22:16:39.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2025-08-21T17:35:11.000Z (6 months ago)
• Last Synced: 2025-08-21T20:06:44.300Z (6 months ago)
• Language: HTML
• Size: 3.72 MB
• Stars: 78
• Watchers: 9
• Forks: 7
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# image-compare

[![NPM version](http://img.shields.io/npm/v/@cloudfour/image-compare.svg)](https://www.npmjs.org/package/@cloudfour/image-compare) [![Build Status](https://github.com/cloudfour/image-compare/workflows/CI/badge.svg)](https://github.com/cloudfour/image-compare/actions?query=workflow%3ACI) [![Renovate](https://img.shields.io/badge/renovate-enabled-brightgreen.svg)](https://renovatebot.com)

> A tiny, zero-dependency web component for comparing two images using a slider. Built with a focus on accessibility, performance, and progressive enhancement.

View the [full documentation](https://image-compare-component.netlify.app/) or check it out on [npm](https://www.npmjs.com/package/@cloudfour/image-compare).