HTML Hierarchy Visualizer
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot


This extension is a tool that helps visualize the layout of HTML elements on a webpage

HTML Hierarchy Visualizer is a visualization tool for front end web developers that assists in understanding the breakdown of a webpage. It creates colored borders and backgrounds to distinguish the ancestry and layout of HTML elements. How To Use: - Press chrome extension icon, a drop-down menu will appear - Select either apply border or apply background to highlight the different elements on the page - Select remove border or remove background to bring webpage back to original state

5 out of 58 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Sergey KomarovJul 24, 2023

That's a good tool for frontend development. I was looking for something like that

Review's profile picture

Kishlay KisuMay 4, 2022

looks amazing, gonna use it now!

1 person found this review to be unhelpful
Review's profile picture

A Chrome Web Store userFeb 27, 2019

This is a great extension - it quickly shows the hierarchy, making toggling back and forth between views a breeze.

1 out of 2 found this helpful


  • Version
  • Updated
    September 13, 2016
  • Offered by
  • Size
  • Languages
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.


The developer has not provided any information about the collection or usage of your data.
Google apps