Image Compare

component

Before/after comparison whose top layer is clipped by a spring-smoothed clip-path divider, with a draggable knob, optional hover-follow mode, edge-fading labels, keyboard slider control, and images or any React node on either side.

pnpm dlx shadcn@latest add "https://karaui.kamisama-v0.my.id/r/image-compare.json"

Sign In

Image Compare

component

Before/after comparison whose top layer is clipped by a spring-smoothed clip-path divider, with a draggable knob, optional hover-follow mode, edge-fading labels, keyboard slider control, and images or any React node on either side.

pnpm dlx shadcn@latest add "https://karaui.kamisama-v0.my.id/r/image-compare.json"

@components/motion/image-compare.tsx