Glass Shatter Reveal

About this Component

Drop in your image and let your visitors smash the glass!

This interactive component hides your content behind a frosted pane. With each click of the hammer cursor, dynamic cracks spread from the exact point of impact, culminating in a satisfying final shatter that completely unveils your image.

Component Properties

• Image: Automatically scales and maps to perfectly cover the frame with zero distortion.

• Hits to Break: Control the suspense. Set the exact number of strikes required to completely shatter the glass. (Default: 3, Max: 9)

Use Cases

• Tactile First Impressions: Transform plain thumbnails into interactive "break-to-reveal" moments that instantly hook your visitors.

• Dramatic Teasers: The ultimate choice for product drops, event landing pages, portfolio covers, or anywhere you need a powerful, unforgettable reveal.

How to Install

To install the component, please copy and paste the component URL directly onto your Framer canvas.

Important Note

Please note that the animations only work in Preview mode. The component may appear paused or as an empty screen on the Framer canvas.