![图片]()
介绍
MIT 协议开源，一个用 Vue 3 写的交互式登录页：页面上站着四个彩色小角色（紫、黑、橙、黄），它们的眼睛会实时跟着你的鼠标转，你输账号、显隐密码、登录成败，它们都有对应的表情和小动作。【比起干巴巴一个表单框，这种"有人在看你登录"的设计确实更抓人，拿来做 demo、个人项目开场或者给小朋友看的登录页都挺合适。】项目作者自己也标了"非原创"，灵感来自 CareerCompass 的登录页设计，本质上是把别人那套可爱交互用 Vue 3 + Vite 重新实现了一遍，顺带做了一轮性能优化。目前 76 star、22 fork，体量不大但完成度可以。
特征
👀 四个角色眼睛实时跟鼠标，3-7 秒随机眨眼，身体还会随鼠标微微倾斜
🎭 输入账号时紫黑俩角色互相对视，显密码时紫色偷偷瞄密码框
😢 登录失败黑色角色眼睛下垂摆臭脸，成功则撒彩色纸屑庆祝
⚡ requestAnimationFrame 节流 + 位置缓存，号称减少 95% DOM 查询，稳 60fps
🧹 纸屑 8 秒自动清理、组件卸载清定时器，防内存泄漏
🧩 组件拆得清楚：AnimatedCharacters 容器、EyeBall 带眼白、Pupil 纯黑瞳孔
🎨 改颜色/位置/眨眼频率/眼睛跟踪灵敏度都在组件里直接调 props 或 style
📱 响应式 + 原生 CSS，不引 UI 框架，Chrome/Edge/Firefox/Safari/Opera 都能跑
🚀 Vite 脚手架，npm run dev 起在 5173，改完即看
