NEW
Versatility
The DynamicLightMask component can be used for a wide range of applications, from highlighting important content to adding a unique visual effect to your design.
High Customizability
With extensive customization options for both the mask and content, this component allows designers to tailor the effect precisely to their needs, ensuring it fits seamlessly into various design contexts.
Enhanced User Engagement
The interactive mask effect that follows the user's mouse movements creates a more engaging and dynamic user experience, making your design more captivating.
Back
The DynamicLightMask component for Framer provides a visually engaging and interactive mask effect that follows the user's mouse movements. This component allows you to add a dynamic light mask over an image or text, creating a unique spotlight effect that enhances the visual appeal of your design. The mask is highly customizable, with options to adjust the size, color, opacity, and border of the mask. Additionally, you can customize the image and text properties, making this component versatile for various design needs.
Property Controls
Image
Text
Mask
Style text and mask
Radius
Border ( applies the same effect )
How do I use it?
You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components. From there you can drag it into your canvas for a new instance.
Set up guide
Soon