PHP & MySQL Project

Before / After Image Slider

Upload two images, crop them, and instantly create an interactive before / after slider you can share or embed in your portfolio.

  • 1. Choose your before & after images
  • 2. Crop each image to a clean 16:9 frame
  • 3. Save and interact with your comparison slider
+ Create a new comparison

Sample comparison

Sample after Sample before
Before
After

Drag the handle to compare a before and after image just like your visitors will.

How it works

1. Upload

Select your before and after images. Portraits, product photos, UI redesigns, anything.

2. Crop with precision

Use the built-in cropper to lock in a 16:9 frame so both images line up perfectly.

3. Compare and share

Drag the slider to reveal the transformation, then share or showcase it in your portfolio.

Your comparisons

+ New comparison

You don’t have any comparisons yet. Click “New comparison” above to create your first before/after slider.