Pixelated Img Reveal
Reveal images in Framer using a dynamic pixelation animation that transitions from abstract blocks to a clear image.
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.
