Scroll inside the preview ↓

Normal scrolling resumes here.

Controls

columns

gappx

distancepx

rotate°

blurpx

scrub

durations

Image Reveal

Images fly in from their own direction as they scroll into view.

$ pnpm dlx shadcn@latest add @tweenly/image-reveal

import { ImageReveal } from "@/components/image-reveal"

export function Demo() {
  return (
    <ImageReveal images={images} />
  )
}

Updates live as you change the controls. Only non-default props are included.