Pixelated Img Reveal

Pixelated Image Reveal Animation

Pixelated Image Reveal is an animated image component that gradually transforms pixel blocks into a fully visible image. The animation begins with coarse pixelation and progressively sharpens into full resolution.

This creates a visually engaging reveal effect that works beautifully in galleries, product previews, or hero visuals.

Feature Highlights

Grid Size

Control the size of the pixel blocks.

Reveal Speed

Adjust how quickly the image becomes clear.

Animation Delay

Add delay before the reveal begins.

Hover Trigger

Trigger the reveal when the user hovers over the image.