Angular Component Overview

This browser extension allows you to easily visualize the component tree of an Angular application, making it easy to understand…

Angular Component Overview - Visualize Component Tree

"Angular Component Overview" is a Chrome extension that helps developers visualize the component tree of Angular applications. It allows users to outline specific components or groups based on prefixes, such as `app` or `mat`, facilitating code reviews and enhancing understanding of component hierarchies. The extension shows the count of component instances, simplifies UI interactions, and provides features like outlining on hover and improved label positioning, making it a valuable tool for Angular developers.

Download

Extension stats

By: angular.outliner

Users: 985

Rating: 5.00

(2)

Version: 2.5 (Last updated: 2024-03-17)

Creation date: 2020-11-28

Risk impact: Low risk impact

Risk likelihood:

Moderate risk likelihood

Manifest version: 3

Permissions:

storage

Size: 894.98K

Email: an*****@gmail.com

Ranking

# 31,404 ▲ 282

Other rankings

#7350 in Developer Tools ▼ 13 #1 in component keyword 11 #203 in material keyword 46 ▼ 2

Other platforms

Not available on Android

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Analyze keywords

This browser extension allows you to easily visualize the component tree of an Angular application, making it easy to understand the structure and relationships of the components.

Activate the extension and select which components to outline, either selectively by component name (or by component selector) or component family identified by a prefix (e.g. material components: mat-).

When it comes to code review, Angular Outliner can be a powerful tool. It allows developers to quickly demonstrate and show the component hierarchy of the new code increment. This makes code reviews more efficient and effective, saving you time and effort.

Support me: buymeacoffee.com/felixff

Chrome extension that helps to visualize application components by drawing a frame around them.

You can choose between component namespaces defined by prefixes (e.g. app - application components, mat - material components, etc.) or specific components.

User reviews

I does the job of giving you the best overivew of your component. It also detects if third party library is used, for instance you can easily toggle the angular material components. I really like that feature. Further more there is filtering, sorting and tracing.