Cursor Spotlight

Cursor Spotlight adds a dynamic spotlight that follows the user’s cursor and reveals content through a customizable masked area.

Cursor Spotlight adds a dynamic spotlight that follows the user’s cursor and reveals content through a customizable masked area. It is useful for creating more engaging visuals, interactive hero sections and premium showcase moments inside Framer.

Features

• Cursor-following spotlight effect

• Custom image mask support

• Circle or square mask shape

• Adjustable mask size

• Blur amount control

• Spring settings for smooth motion

• Easy to style for different website aesthetics

Use cases

• Hero sections

• Portfolio showcases

• Product reveals

• Interactive landing pages

• Creative hover experiences