Image Mesh Reveal

A visually striking image reveal that transforms scattered, blurred fragments into a crisp full image.

Key Features:

• Smooth 3D tile-based reveal animation

• Trigger options: on load, on hover, or when in view

• Adjustable grid density, depth, and animation timing

• Optional background color and rounded corners

• Fully responsive with seamless final image assembly

How to Use:

• Copy this component onto your canvas.

• Upload your desired image in the component properties panel.

• Choose when the animation triggers: On Load, On Hover, or In View.

• Adjust Grid Size to control the number of tiles (higher = finer detail).

• Modify Depth for more or less 3D motion.

• Tweak Duration and Delay Randomness for custom animation timing.

• Set a Background Color and Border Radius to match your layout style.

• Preview or publish to see the dynamic reveal in action.