User Session Replay Tool — ReplayLab Behaviour Analytics Studio
A production-grade, privacy-first user session replay tool and behavioral analytics studio.
A production-grade, privacy-first user session replay tool and behavioral analytics studio. ReplayLab captures visitor interactions (mouse movements, clicks, scrolls, form interactions, page navigations) as lightweight structured events and reconstructs their journey during playback with a visible animated cursor, click ripples, rage-click heuristics, drop-off detection, and AI session summaries—all without recording video or capturing sensitive personal information.
- 1:1 pixel-accurate layout matching reference design with session list, reconstructed player canvas, event stream, and analytics dashboard
- Zero video recording architecture capturing lightweight structured events without turning the website into digital surveillance sludge
- Automatic privacy redaction stripping passwords, payment data, credit cards, and elements marked data-private
- Full playback controls with play/pause, rewind/forward 10s, seek scrubber, speed options (0.5x to 4x), and fullscreen
- Visible animated cursor with smooth trajectory trail, numbered checkpoints, click ripples, and rage-click visual alerts
- AI Session Intelligence generating executive summaries, key observations checklist, and actionable usability improvements
- Bottom analytics dashboard featuring synchronized event timeline histogram, behaviour insights, scroll depth curve, and device donut chart
- Lightweight standalone recorder library (recorder.js) and Supabase SQL schema ready for production deployment
Built with: Structured DOM Event Replay, Lightweight Client Recorder (recorder.js), Privacy Masking & Redaction Engine, Rage & Dead Click Detection Heuristics, Vanilla JavaScript, HTML5 / CSS3, Supabase SQL Schema & RLS, Google Fonts (Sora, Outfit, Chivo Mono)