Image Mesh Reveal
A dynamic mesh reveal animation that breaks an image into 3D tiles then seamlessly forms a full image.
Make it with Workshop
Build your own component with AI
About this Component
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.
