Image Comparison
Media & Content
A before/after image comparison slider with pointer-capture dragging, clip-based reveal, and an animated drag handle.
Loading preview...
Customize
Initial Position (%)50
Props
| Prop | Type | Default | Description |
|---|---|---|---|
beforeSrc | string | — | URL of the 'before' image. |
afterSrc | string | — | URL of the 'after' image. |
beforeAlt | string | 'Before' | Alt text for the before image. |
afterAlt | string | 'After' | Alt text for the after image. |
initialPosition | number | 50 | Initial slider position as a percentage (0–100). |
className | string | '' | Additional CSS classes. |