
Angular Component Overview
1,000+ users
Version: 2.5
Updated: March 17, 2024

Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!

Raspberry Pi Adafruit 4 Model B - 4 GB RAM - New Electronics

2023 Panini Origins Wnba Basketball Sports Cards Base And Rookies Pick

Caldwell - Orange Peel Oval Target 18 in 5 Sheets

Toshiba 1TB Canvio Basics USB3.2 External Hard Drive - Black

Nike Tiempo Legend 10 Pro FG 'Ready Pack' | White | Men's Size 5

Irwin Naturals Prosta-Strong Red, Liquid Soft-Gels - 80 soft-gels
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.
The extension also shows component instances count.
______________________________________________________________________________________________
Update 2.5
* UI simplification
Update 2.4
* Outline component on hover
* Component graph preview
Update 2.3:
* Improved component name positioning when multiple components occupy the same space, so labels do not overlap.
* Improved UX when scrolling - components are redrawn.
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.
The extension also shows component instances count.
______________________________________________________________________________________________
Update 2.5
* UI simplification
Update 2.4
* Outline component on hover
* Component graph preview
Update 2.3:
* Improved component name positioning when multiple components occupy the same space, so labels do not overlap.
* Improved UX when scrolling - components are redrawn.
Related

Angular DevTools
400,000+

Augury Extension
9,000+

RxJS Insights
1,000+

Angular Inspector
3,000+

ng-inspect for AngularJS
10,000+

Learn-RxJs
87

Angular Gauntlets
1,000+

Angular Profiler
437

AngularContext
522

Angular state inspector
30,000+

SB Angular Inspector
499

ngprobe
279

Angular watchers
5,000+

ng-inspect for Angular
3,000+

Angular 2+ Google Chrome extension
35

RxJs watcher
1,000+

AngularJS Graph
1,000+

RxJS Devtools
1,000+

Angular BatScanner
664

Angular Chrome
765

AngularJS Inspect Watchers
3,000+

AngularJS Console
1,000+

CanvaSpy
131

ng-detector
1,000+