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 below directly onto your Framer canvas.
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 below directly onto your Framer canvas.
