Image Compare

Cards

Before/after image comparison

imagecompareslider

Installation

npx shadcn@latest add https://nonaxial.com/r/image-compare.json

Usage

tsx

import { ImageCompare } from "@/components/nonaxial/image-compare"

export default function Example() {
  return (
    <ImageCompare>{/* Your content here */}</ImageCompare>
  )
}

Props

Prop	Type	Default
children	ReactNode	—
className	string	—