Mouselog
🐾 A web-based tool for logging, visualizing and analyzing mouse events like movement and clicks.
Install / Use
/learn @microsoft/MouselogREADME
Mouselog 🐾
Mouselog is a web-based platform for website owners to log, visualize and analyze user behaviors like mouse trace data.
Live Demo
https://mouselog.org/
Architecture
Mouselog contains 3 parts:
Name | Description | Language | Source code | Release ----|------|----|----|---- Client-side Agent | Mouselog client-side agent that runs on end-user's browser to send mouse trace data to Mouselog server-side | Javascript | N/A (Closed-source) | https://npmjs.com/package/mouselog Server-frontend | Web frontend UI for Mouselog server-side | Javascript + React + Ant Design | https://github.com/microsoft/mouselog/tree/master/web | N/A Server-backend | RESTful API backend for Mouselog server-side | Golang + Beego + MySQL | https://github.com/microsoft/mouselog | N/A
Installation
Client-side Agent
The client-side agent is not open-source anymore. The latest release on NPM is v0.5.0.
Server-side
- Get the code:
go get github.com/microsoft/mouselog
-
Prepare a Xorm ORM supported database (MySQL is recommended), replace
root:123@tcp(localhost:3306)/in conf/app.conf with your own connection string. Mouselog will create a database namedmouselogand necessary tables in it if not exist. All Xorm supported databases are listed here. -
Run Server-backend (in port 9000):
go run main.go
- Run Server-frontend (in the same machine's port 4000):
cd web
npm install
npm start
- Open browser:
http://localhost:4000/
License
This project is licensed under the MIT license.
If you have any issues or feature requests, please contact us. PR is welcomed.
- https://github.com/microsoft/mouselog/issues
Related Skills
node-connect
349.2kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
109.5kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
349.2kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
349.2kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。

