✨ 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