Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA thumbnail grid whose items open a full-screen viewer at the tapped photo, and return focus to that thumbnail when the viewer closes. Use this when a phone gallery, album or post shows photos in a grid and people expect to open, swipe and pinch them.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it when a phone gallery, album or post shows photos in a grid and people expect to open, swipe and pinch them.
Do not use it for a single hero image (use the image zoom) or video.
It composes @tealmac/image-viewer, which the CLI installs for you.
import { PhotoGridViewer } from "@/components/photo-grid-viewer"<div className="w-full max-w-sm">
<PhotoGridViewer images={images} />
</div>| Prop | Type | Default | Description |
|---|---|---|---|
images | ViewerImage[] | required | { src, alt, caption? }. alt is required. |
columns | number | 3 | Grid columns. |
The pattern ships with a Testing Library test (photo-grid-viewer.test.tsx) that drives it through roles and the keyboard.