Prism Vision Gallery

Zenora UI

Get Started

Prism Vision Gallery·Gallery

npx zenora-ui-registry@latest add prism-vision-gallery

Gallery

110 views•95 uses

Get this component

Copies the component into your project, installs what it needs, and pulls down its images. Nothing to download by hand.

npx zenora-ui-registry@latest add prism-vision-gallery

Writes to components/zenora-ui/ by default; override with --dir. The file is yours to edit; there is no package to keep in sync.

Or let an AI agent pull it in for you. Set up the MCP server

An interactive image gallery featuring smooth physics-driven minimap navigation, custom lerp animation, and touch gesture support.

KEY FEATURES

·Smooth physics-driven minimap navigation
·Custom lerp animation for perfectly fluid movement
·Touch gesture support for mobile responsive layout

Props

5 properties

imagesstring[]10 images

List of images for the gallery.

titlestringPRISM VISION

Main title text.

subtitlestringInteractive Minim…

Secondary text.

showInfobooleantrue

Whether to show the title and subtitle.

activeItemOpacitynumber0.3

Opacity of active items in the minimap.

Zenora UI

Get Started

Prism Vision Gallery·Gallery

PRISM VISION

Interactive Minimap

npx zenora-ui-registry@latest add prism-vision-gallery