Mask overlay

Break me

A full-viewport frosted glass overlay that shatters on interaction. Drop it onto any Framer page as a dramatic reveal effect — perfect for portfolio sites, landing pages, or anything that deserves a memorable first impression.

How it works: Click 4 hotspots to crack the glass. After the final crack, the panel shudders and falls — revealing the site underneath with a satisfying drop animation.

Features:

  • Liquid glass effect using backdrop-filter blur, saturation and brightness

  • 4 customisable crack hotspot positions

  • Spring-physics crack reveal animation

  • Glass fall with gravity easing — no linear transitions

  • Fully revealed site is 100% interactive after animation completes

  • Reset button to replay the effect

  • Drop onto any existing page — zero layout changes required



Customisable:

  • Glass opacity and blur intensity

  • Crack SVG assets — swap in your own

  • Fall duration and easing

  • Hotspot positions


Use cases: Coming soon pages · Portfolio reveals · Product launches · Interactive case studies

New components, straight to your inbox

CONTACT

hello@designely.studio

© 2026
Designely Studio · Manchester, UK

New components, straight to your inbox

CONTACT

hello@designely.studio

© 2026
Designely Studio · Manchester, UK

New components, straight to your inbox

CONTACT

hello@designely.studio

© 2026
Designely Studio · Manchester, UK

New components, straight to your inbox

CONTACT

hello@designely.studio

© 2026
Designely Studio · Manchester, UK