Before / After Image Viewer

component

Compare an original image with a transformed result — a two-panel grid with checkerboard transparency (shipped inline) or a segmented Original / Enhanced toggle. Pairs with useImageToImage / useSegmentImage.

pnpm dlx shadcn@latest add "https://localmode.ai/r/ui/media-vision/before-after-image-viewer.json"

Sign In

Before / After Image Viewer

component

Compare an original image with a transformed result — a two-panel grid with checkerboard transparency (shipped inline) or a segmented Original / Enhanced toggle. Pairs with useImageToImage / useSegmentImage.

pnpm dlx shadcn@latest add "https://localmode.ai/r/ui/media-vision/before-after-image-viewer.json"

utils

components/before-after-image-viewer.tsx

utils

components/before-after-image-viewer.tsx