Page Mascot: add a cursor-following character to your website
TL;DR
Page Mascot is an open-source library that adds a small character to your page: it watches the cursor and reacts when users click it. It ships with dozens of designs, and an AI coding agent can generate a custom mascot from a description.
Highlights
| Feature | Benefit |
|---|---|
| Cursor tracking | The character’s eyes follow the mouse, making the page feel alive. |
| Click reactions | Startled, smiling… a micro-interaction that builds delight. |
| Presets + AI-generated | Around 52 built-in designs per the video; an AI agent can draw a one-off mascot. |
| Plug and play | Drops into existing frontend projects with little performance impact. |
How to put it to work
- Use it where personality fits: landing pages, 404 pages, loading screens, onboarding. Avoid checkout forms or serious business screens.
- Branding: a custom mascot can become part of your product identity.
- Accessibility: disable motion under
prefers-reduced-motionand mark itaria-hiddensince it’s decorative.
Links: page-mascot on GitHub · Write-up