About Spot Mask Reveal
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
Insert the Spot Mask Reveal component onto your page.
Stretch it to cover the area you want to affect.
Select the content to reveal or conceal.
Customize the mask shape, size, and appearance using the property panel.
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
