This component no longer exists. It was in shadcn/ui’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-13 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
Image Comparison Demo
nyxui/image-comparison-demoRemovedExample
Example showing a image comparison.
Install it
npx shadcn@latest add https://nyxui.com/r/image-comparison-demo.jsonSource
1import { ImageSlider, ImageLayer, Divider } from "../ui/image-comparison";23export const ImageComparisonDemo = () => {4 return (5 <div className="space-y-4 w-full flex flex-col items-center justify-center">6 <ImageSlider className="h-96 overflow-hidden">7 <ImageLayer8 src="/assets/images/image-comparison/2.jpg"9 alt="Original Image"10 layer="first"11 />12 <ImageLayer13 src="/assets/images/image-comparison/1.jpg"14 alt="Processed Image"15 layer="second"16 />17 <Divider width={4} handleSize={32} />18 </ImageSlider>19 </div>20 );21};
What it pulls in
Other registry items
