Loading component…
Components /Image Scatter
Smooth scroll-triggered scattered photo gallery
Run the following command
npx shadcn@latest add https://raw.githubusercontent.com/Ashutoshx7/VengeanceUI/main/public/r/image-scatter.json| Prop Name | Type | Default | Description |
|---|---|---|---|
| data | ScatterSet[] | - | Array of sections containing a heading and an array of image URLs. |
| cardWidth | number | 250 | Width of each scattered image card in pixels. |
| cardHeight | number | 300 | Height of each scattered image card in pixels. |
| animationDuration | number | 0.75 | Duration of the scattering animation. |
| animationOverlap | number | 0.5 | Overlap timing for entering animations. |
| headingFadeDuration | number | 0.5 | Duration for the heading crossfade. |