UX HeatGrid

Real-time UX heatmap and attention analysis to visualize user focus and layout balance.

UX HeatGrid is a real time heatmap and layout analysis tool that shows you where attention is naturally drawn on any web page directly in your browser, without any setup. As you scroll and interact with a page, UX HeatGrid builds a live heat map that reveals which areas are getting the most focus and which parts feel visually crowded, unbalanced, or easy to overlook. It also scores the page’s overall design quality by evaluating content density, spacing, visual complexity, and readability, giving you an instant, objective snapshot of how the layout is performing. Designed for designers, developers, UX researchers, and product teams who want fast, reliable layout feedback without leaving the page or waiting for user data to accumulate. Key features - Live attention heatmap that updates as you browse - Overall UX Score with breakdown by density, spacing, complexity, and readability - Detects crowded zones, weak visual hierarchy, and poor spacing at a glance - Works on any website, including single page apps that load content dynamically - Draggable floating panel keeps live metrics always visible on the page - Automatically adapts to light and dark page themes - Runs entirely in your browser with no accounts, no data collection, and no network requests