Mask
Mantine Mask is a React/Mantine component that applies a cursor-follow or static spotlight using CSS masks, revealing content inside the spotlight and softly fading the outside.
Full documentation and API reference available at gfazioli.github.io/mantine-mask
Installation
yarn add @gfazioli/mantine-maskOverview
Mask creates a spotlight/reveal effect on content:
- Cursor-follow mode — spotlight follows the mouse
- Static mode — fixed spotlight position
- Configurable radius — size of the revealed area
- Soft edge fading — smooth transition from visible to hidden
- Any content — works with images, text, or any React nodes
- Performance optimized — CSS mask-based, no canvas
Last updated on
