Description

Bring your websites to life with elegant cursor-driven reveal effects.

Spot Mask Reveal is a lightweight Framer component that lets you reveal or conceal content beneath an interactive mask that follows the cursor. Choose from geometric or organic shapes, customize the appearance with blur, blend modes, overlay colors, and edge outlines, and fine-tune the interaction with smooth cursor tracking and responsive controls.

Whether you're building a creative portfolio, agency website, product landing page, or experimental experience, Spot Mask Reveal adds a polished, engaging layer of interaction without requiring any custom code.

Features

• Multiple mask shapes including Circle, Ring, Polygon, and Dynamic Blob

• Reveal or hide content near the cursor

• Adjustable mask size and edge softness

• Smooth cursor tracking with customizable follow speed

• Overlay color customization

• Optional background blur

• Blend mode support

• Edge outline customization

• Fade on cursor leave

• Optional cursor hiding

• Responsive across desktop, tablet, and mobile devices

• Single code component with no external dependencies

Perfect For

• Portfolio websites

• Creative agencies

• Landing pages

• Product showcases

• Interactive hero sections

• Personal websites

• Brand experiences

• Marketing campaigns

Installation

1. Insert the Spot Mask Reveal component onto your page.

2. Stretch it to cover the area you want to affect.

3. Select the content to reveal or conceal.

4. Customize the mask shape, size, and appearance using the property panel.

5. Publish and enjoy a smooth, interactive reveal effect.

What's Included

• Spot Mask Reveal component

• Full property controls

• Responsive behavior

• Remix Link

• Lifetime updates for purchased versions