Image Reveal

Zenora UI

Get Started

Image Reveal·Gallery

npx zenora-ui-registry@latest add image-reveal

Gallery

36 views•21 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 image-reveal

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

A cyberpunk hardware-accelerated image gallery where slides transition through a scrambled matrix dissolve effect.

KEY FEATURES

·GPU-accelerated Canvas noise and character generation for 60fps scrubbing
·Dynamic mouse wheel, drag pointer, and auto-play scrubbing
·Highly customizable dissolve scatter, grid sizing, and character colors

Props

6 properties

imagesstring[]3 images

List of images for the gallery.

dissolveColorcolor#666BFF

Color of the matrix block backgrounds.

textColorcolor#ffffff

Color of the matrix text characters.

cellSizenumber16

Pixel size of each grid cell.

scatterIntensitynumber15

How wide the particles scatter during transition.

speednumber100

Speed of the auto-play and scroll-scrub progression.