Spotlight Text

SpotlightText brings a smooth, circular spotlight hover effect that dynamically follows your cursor, revealing a different color layer beneath the text. It creates a visually striking and interactive experience, ideal for modern hero sections, call-to-actions, or portfolio titles that need an elegant motion-based highlight.

This component is lightweight, highly customizable, and built for performance. You can easily control the spotlight size, easing style, text color layers, and typography for perfect design harmony.

Perfect for designers who want subtle yet premium text motion that enhances user engagement without heavy animation.

Key Features:

• Circular spotlight hover effect that follows the cursor

• Smooth motion with easing customization

• Adjustable spotlight size and color layers

• Fully responsive and performance-optimized

• Works seamlessly with any Framer layout

• Custom font and typography control

Best For:

• Hero text and interactive headlines

• Portfolios or creative websites

• Hover animations for minimalist layouts

• Highlighting product names or taglines