This browser extension allows you to easily visualize the component tree of an Angular application, making it easy to understand…
Angular Component Overview Extension
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.
Source Manifest.json
Similar Extensions
Angular DevTools 968 159 ★ 3.2MiB
Augury Extension 968 2 ★ 208KiB
RxJS Insights 968 3 ★ 1.38MiB
AngularJS Graph 968 35 ★ 559KiB
Angular Inspector 968 8 ★ 270KiB
ng-inspect for AngularJS 968 87 ★ 585KiB
Learn-RxJs 968 0 ★ 400KiB
Angular Gauntlets 968 5 ★ 9.55KiB
Angular Profiler 968 2 ★ 7.14MiB
AngularContext 968 0 ★ 22.57KiB
Angular state inspector 968 64 ★ 36.35KiB
SB Angular Inspector 968 2 ★ 11.96KiB
ngprobe 968 1 ★ 103KiB
ng-inspect for Angular(1.x/4+/Ivy) 968 16 ★ 63.24KiB
RxJS Devtools 968 0 ★ 350KiB
Angular 2+ Google Chrome extension 968 0 ★ 863KiB
RxJs watcher 968 5 ★ 118KiB
Angular watchers 968 54 ★ 335KiB
Angular BatScanner 968 9 ★ 513KiB
Angular Chrome 968 9 ★ 605KiB
AngularJS Inspect Watchers 968 21 ★ 35.49KiB
AngularJS Console 968 6 ★ 263KiB
CanvaSpy 968 0 ★ 459KiB
Outline All Elements 968 0 ★ 31.23KiB
User reviews
Samiullah Khan (ID: 00000018a469fe70) Voted 5 ★ - Updated 12/09/2022
Felix Fatka (ID: 0000008be755f11e) Voted 5 ★ - Updated 03/29/2021