Slider Component For Comparing Two Images

Installation and usage instructions are available on GitHub.

img-comparison-slider

Usage Examples

All images in the examples are given width="100%" property to make them responsive.

Default settings

Don't hide handle and make it larger

Relative size handle

Resize the window to see it in action.

Change element :focus styles

Custom handle

Custom relative size handle

Resize the window to see it in action.

No handle and change spilt line width