Skip to content

Tools

Image Reveal · 16

Particles · 3

Comparison Slider

Name: Comparison Slider
Brand: HorizonX
SKU: comparison-slider

Comparison Slider

A draggable before and after comparison slider with inertia and autoplay.

About this tool

Configure Comparison Slider in the live HorizonX editor, swap the assets and edit the copy, then export production-ready HTML, Svelte or React code.

Pointer Physics · HTML · Svelte · React All tools

Assets

Stage

Stage width px

Stage height px

Corner radius px

Orientation

horizontal vertical

Initial position %

Interaction

Inertia

true false

Drag on hover

true false

Auto animate

true false

Divider

Line width px

Line color

#ffffff

Handle

true false

Handle size px

Handle color

#ffffff

Labels

true false

Percentage

true false

Shopping Cart

Your cart is empty. Add a product to see it here.

Price Amount Free

Products are unlocked right after checkout.

🍪 We use cookies.