✨ THING
Watching You
Watching You
Watching You


About
About
While I was working to replatform this site from Squarespace to Framer, I set out to make my first component — and here he is. 'Watching You' is a playful React component that brings a little personality and playfulness to this particular web project. The animated eyes track will your cursor across the page, blink naturally, and reveal a a little easter egg animation when you hover between them long enough.
Designed to sit unobtrusively in corners or headers while adding memorable interactivity, he brings a little touch of joy to navigation headers (or anywhere you'd like to put him, tbh)
While I was working to replatform this site from Squarespace to Framer, I set out to make my first component — and here he is. 'Watching You' is a playful React component that brings a little personality and playfulness to this particular web project. The animated eyes track will your cursor across the page, blink naturally, and reveal a a little easter egg animation when you hover between them long enough.
Designed to sit unobtrusively in corners or headers while adding memorable interactivity, he brings a little touch of joy to navigation headers (or anywhere you'd like to put him, tbh)

Features
Features
Cursor tracking: Eyes follow your mouse movement in real-time
Natural blinking: Customizable blink speed and frequency
Easter egg animation: Discover what happens when the eyes catch you staring
Fully customizable: Adjust eye color, pupil color, spacing, and animation timing
Lightweight & responsive: Built for performance across all devices
Cross-platform: Works seamlessly on iOS, Android, Mac, and Windows
Built with React, TypeScript, and Framer Motion. Clean, modular code that's easy to integrate and customize for your needs.
Cursor tracking: Eyes follow your mouse movement in real-time
Natural blinking: Customizable blink speed and frequency
Easter egg animation: Discover what happens when the eyes catch you staring
Fully customizable: Adjust eye color, pupil color, spacing, and animation timing
Lightweight & responsive: Built for performance across all devices
Cross-platform: Works seamlessly on iOS, Android, Mac, and Windows
Built with React, TypeScript, and Framer Motion. Clean, modular code that's easy to integrate and customize for your needs.
Toolkit
Toolkit
Toolkit



Claude



VS Code



Framer
Additional Projects
Additional Projects
Additional Projects


