Animations
Head-Tracking Robot Hero
The robot from the SystemLoom homepage that turns its head to follow your visitor's cursor, packaged as a drop-in React component.
This product launches with our shop — try the live demo below in the meantime.
Live demo
Move your cursor left and right across the page and the robot turns its head to follow it. On a phone, drag across the robot.
About this product
A friendly robot that looks towards the cursor as visitors move around your page: left towards your headline, straight at them, or right. The video is composited onto a canvas with a transparent background, so the robot sits directly on any page in light and dark themes, with no black box or green screen.
On phones and tablets visitors can drag to turn its head, and it looks around on its own when left alone. It loads after the page has painted so it never slows down your headline, pauses when scrolled off-screen, and stays still for visitors who prefer reduced motion.
What's included
- React + TypeScript component
- Transparent background in light and dark themes
- Smooth cursor head-tracking
- Touch drag and idle look-around on mobile
- Optional floating label chips
- Lazy-loaded and paused off-screen
- Reduced-motion aware
Payments, VAT and instant file delivery are handled by our merchant-of-record partner.