> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aihdstudio.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Before & After

> Every AIHDStudio design comes with a before and after comparison so you can see the full transformation.

## How before/after works

When you generate a design with any AIHDStudio tool, both your **original room photo** (before) and the **AI-generated result** (after) are saved together. This lets you see the full transformation side by side at any time.

## Viewing before/after

Before/after comparisons appear in three places:

**1. Project Detail view**
Open any design from your Gallery to see a full-width before/after comparison at the top of the page. Drag the center handle left and right to reveal more or less of each side.

**2. Dashboard Recent Designs**
Your most recent designs show as before/after cards in the horizontal scroll on your Dashboard. The left half shows the original in grayscale; the right half shows the AI result in full color.

**3. Shared project links**
When you share a design, the recipient sees the before/after comparison.

## Interactive slider

The before/after comparison uses an interactive drag handle:

* Drag **left** to reveal more of the AI result
* Drag **right** to reveal more of the original
* Tap or click to toggle between the two views instantly on mobile

## Availability

Before/after comparison is available for designs generated with:

* AI Room Designer
* Wall Color Changer
* Art on Wall Visualizer

<Note>
  Designs generated before the before/after feature was added will only show the output image. All new designs save both images automatically.
</Note>