Mask Cursor Text

But wait—our brownies are legendary: gooey, chocolatey, and impossible to resist. Go ahead, treat yourself!

Installation

@/components/reframe-ui/mask-cursor-text.tsx

PRO COMPONENT

This component is exclusive to reframe/ui PRO.
Get instant access to all premium components and templates.

Name	Type	Default	Required	Description
baseText	string	-	Yes	Base (normal) text content rendered under the mask.
maskText	string	-	Yes	Text content revealed inside the mask area.
className	string	-	No	Wrapper class (controls layout/width).
baseClassName	string	-	No	Classes for the base text layer (color/typography).
maskTextClassName	string	-	No	Classes for the masked (revealed) text layer.
maskBgClassName	string	-	No	Background color classes applied to the overlay so the base text is fully covered where masked.
initialSize	number	40	No	Initial mask diameter in pixels.
hoverSize	number	320	No	Mask diameter in pixels on hover.