Ux Heatgrid Chrome extension icon

Ux Heatgrid

👥 150 users
📦 v1.1.1
💾 58.57KiB
📅 2026-03-04
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Screenshot

Overview

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

Tags

Productivity/developer productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

This extension hasn't been security-scanned yet.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer