Light changes what it touches. ✨💡 This Spotlight Follow UI component creates a smooth cursor-fol...Light changes what it touches. ✨💡 This Spotlight Follow UI component creates a smooth cursor-fol...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Refil's avatar
Refil kae
• Aug 8
Light changes what it touches. ✨💡 This Spotlight Follow UI component creates a smooth cursor-following glow effect using CSS mix-blend-mode: difference, making text and elements dynamically invert as the user moves across the section. 🛠️ Tech Stack & Features:
Framer Motion: Ultra-smooth cursor tracking physics ▫️ React: Reusable micro-interaction component ▫️
Tailwind CSS: Modern utility-first styling & layout ▫️ Blend Mode Effect: Interactive color inversion on mouse hover Elevate your landing pages with subtle, high-impact micro-interactions 🚀
UI DesignFramerTailwind CSS
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started