# Retouching Hero With Before And After Stage

> A hero for a photography and retouching studio. The eyebrow and a large heading run across the top, and below them a borderless before and after photo stage takes two thirds of the width while the description and two buttons sit in a narrow rail aligned to the bottom edge of the stage. Visitors drag, click or use the keyboard to move the divider between the raw and the retouched photograph. On smaller screens the rail stacks under the stage.

A paid shadcn/ui block sold by the [@beste-ui](https://ui.beste.co/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/beste-ui/hero282).

- Page, with a preview: https://shadcn.exchange/r/beste-ui/hero282
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/beste-ui/hero282-light-c2f9efa3a152eee2.png
- Listed: 2026-10-13

## Buy and install

@beste-ui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/beste-ui/hero282

## Dependencies

- npm packages: `clsx`, `lucide-react`, `tailwind-merge`
- Registry items: `button`