# Before / after slider

Draggable, keyboard accessible comparison slider for renovations, staging and remodel photos.

- Type: component
- Category: Media
- Tier: Pro (license key required)
- Dependencies: motion

## Install

```bash
npx shadcn@latest add https://facadeui.com/r/before-after-slider.json
```

## Usage

```tsx
import { BeforeAfterSlider } from "@/components/facade/before-after-slider";

export default function Page() {
  return <BeforeAfterSlider />;
}
```

## Source

This is a Pro item. Install it with a Facade Pro license key: https://facadeui.com/pricing