Scroll inside the preview ↓

Normal scrolling resumes here.

Controls

smallWidth%

largeWidth%

largeHeight%

smallAspect

gappx

align

scrollPerImage

scrubs

counter

Expand Gallery

A row of small thumbnails where each one grows large in turn as you scroll.

$ pnpm dlx shadcn@latest add @tweenly/expand-gallery

import { ExpandGallery } from "@/components/expand-gallery"

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

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