Free Online Mouse Polling Rate Tester

Overview

A clean, professional, and highly responsive browser-based utility that calculates the real-time polling rate (Hz) of any connected computer mouse. Designed for gamers and hardware enthusiasts who need to verify sensor performance and consistency without installing external software.

Key Features

• Real-Time Hz Calculation: Uses high-resolution performance timers to measure the interval between mousemove events.
• Dynamic Data Visualization: A live line chart (using HTML5 Canvas) that plots individual event intervals, allowing users to spot jitter or instability in their mouse sensor.
• Statistics Dashboard: Displays Real-time Hz, Average Hz, Minimum Hz, and Maximum Hz.
• Motion Area: A large, visually distinct target zone that encourages wide, rapid movement to generate sufficient data for accurate reporting.
• Reset Functionality: Easy one-click clear button to reset data capture for a fresh testing session.
• Responsive Design: Works seamlessly on laptops, desktops, and wide monitors.

Technical Constraints & Implementation

• Architecture: Must be a single, self-contained HTML file (CSS/JS embedded).
• Storage: ABSOLUTELY NO usage of localStorage, sessionStorage, or cookies. All calculations must exist in volatile memory.
• Performance: Use requestAnimationFrame for smooth UI updates and performance.now() for high-precision time delta measurement.
• Iframe Compatibility: The app must be fully functional within a null-origin sandboxed iframe (no popups, no external tracking cookies).

UI/UX Design Specification

• Aesthetic: Clean, minimalist "SaaS" style. High-contrast light mode with crisp white backgrounds, soft neutral grays for container borders, and vibrant primary colors (e.g., deep cobalt or success green) for data metrics.
• Typography: System-stack sans-serif fonts for maximum readability and zero-latency rendering.
• Animations: Subtle CSS transitions on hover states for buttons. Charts should animate entry and data points should fade in for a professional "data-app" feel.
• Layout Structure:
  1. Header: Descriptive title and a one-sentence instructional subtitle.
  2. Main Utility Zone: A large, interactive area centered on the screen with a dashed border, which "activates" upon mouse entry.
  3. Results Strip: A grid of data cards displaying the Hz metrics below the interactive zone.
  4. Graph Area: A dedicated canvas section showing the consistency of reported events.

Developer Directives

1. Use PointerEvent and mousemove listeners for cross-browser compatibility.
2. Do NOT include any tracking pixels, analytics, or external API calls.
3. Ensure the mobile version gracefully informs the user that a physical mouse is required for testing.
4. Design specifically to handle high-frequency events (up to 8000Hz) without blocking the main UI thread.