---
title: "Deconstruct Mask — Free Framer component · Best of Framer"
description: "Free Framer component · by Mariusz Mitkow · Effects. Deconstruct Mask is a canvas-based Framer component that lets your cursor physically destroy a top image pixel blocks fall with gravity,…"
canonical: "https://framer.elliotli.dev/component/deconstruct-mask"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Deconstruct Mask

# Deconstruct Mask

Cursor tears apart your image

[View on Framer](https://framer.com/marketplace/components/deconstruct-mask/?via=elliot-li)

![Deconstruct Mask preview image 1](https://framer.elliotli.dev/og/component/deconstruct-mask/224d758819eb0693/1600x1200.jpg)

## Summary

Deconstruct Mask is a canvas-based Framer component that lets your cursor physically destroy a top image pixel blocks fall with gravity, leaving holes that reveal a second image…

## Description

Deconstruct Mask is a canvas-based Framer component that lets your cursor physically destroy a top image pixel blocks fall with gravity, leaving holes that reveal a second image beneath.

No libraries. No dependencies. Pure canvas.

**How it works:** Move your cursor over the component pixel blocks detach from the top image and fall downward. The top layer heals back automatically. Underneath, your second image is fully revealed through the holes.

**What you can control:** Top Image & Reveal Image (any two images) Pixel Size (block resolution) Brush Radius (cursor influence area) Heal Speed (how fast the top image repairs itself) Gravity strength (how fast blocks fall) Falling Debris on/off (toggle the falling pieces) Image Sampling (blocks carry real image color)

**Use cases:** Hero sections with dual-image storytelling Portfolio reveals Product before/after Editorial / fashion / identity design

## Rank history [How rankings work →](/terms#rankings)

-   All · #1259

## Details

- **Author**: Mariusz Mitkow
- **Published**: 2026-05-30
- **Updated**: 2026-05-31
- **Added**: 2026-05-23
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows