Installations

npm install @fostimus/react-img-comparison-slider

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Pull Requests

Open

3

Total

69

Closed

5

Merged

61

Issues

Open

11

Total

80

Closed

69

Releases

79

@img-comparison-slider/react-v8.0.2

Updated on May 06, 2024

img-comparison-slider-v8.0.6

Updated on Dec 09, 2023

img-comparison-slider-v8.0.5

Updated on Nov 26, 2023

img-comparison-slider-v8.0.4

Updated on Nov 10, 2023

img-comparison-slider-v8.0.3

Updated on Nov 10, 2023

img-comparison-slider-v8.0.2

Updated on Nov 10, 2023

View All 79 releases

Languages

6

TypeScript

JavaScript

SCSS

HTML

Shell

CSS

TypeScript (62.02%)

JavaScript (16.55%)

SCSS (14.2%)

HTML (3.26%)

Shell (2.98%)

CSS (0.99%)

Developer

sneas

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

MIT License

766 Stars

414 Commits

52 Forks

8 Watchers

5 Branches

10 Contributors

Updated on Jul 10, 2025

Maintainers

1

View All 10 Contributors

Package Meta Information

Latest Version

8.0.2

Package Id

@fostimus/react-img-comparison-slider@8.0.2

Unpacked Size

7.03 kB

Size

2.58 kB

File Count

7

Published on

Oct 13, 2023

Total Downloads

Cumulative downloads

Total Downloads

NaN

Dependencies

1

@fostimus/img-comparison-slider

ImgComparisonSlider

React wrapper for img-comparison-slider component.

Usage examples: https://img-comparison-slider.sneas.io/examples.html

Example

Installation

yarn add @img-comparison-slider/react

Usage

1import { ImgComparisonSlider } from '@img-comparison-slider/react';
2
3// ...
4render() {
5  return (
6    <ImgComparisonSlider>
7      <img slot="first" src="https://img-comparison-slider.sneas.io/demo/images/before.webp" />
8      <img slot="second" src="https://img-comparison-slider.sneas.io/demo/images/after.webp" />
9    </ImgComparisonSlider>
10  );
11}

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

0

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

@fostimus/react-img-comparison-slider

Installations

Developer Guide

Yes

CommonJS

Pull Requests

3

69

5

61

Issues

11

80

69

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Dependencies

ImgComparisonSlider

Installation

Usage

10

10

0

0

0

0

0

0

0

0

1.7

/10

Weekly Downloads

Monthly Downloads

Yearly Downloads