| title | Press kit |
|---|---|
| description | The logo, name, colors, descriptions and screenshots to use when you write about or link to Pangular Inspector. |
This page collects the logo, the name, the colors, ready-made descriptions and screenshots of Pangular Inspector. Use these files to write about or link to Pangular Inspector in a post, a talk, a newsletter or on a slide.
The App icon is the primary logo. Use it wherever one image stands for Pangular Inspector: slides, articles, lists of tools. Use the mark without a tile when the logo sits next to text or on a colored background.
App icon SVG · PNG 512 (rounded) · PNG 1024 (square, for app stores)
App icon SVG · PNG 512 (rounded)
The mark has a transparent background. Pick the version that matches the background, or a one-color version where full color doesn't fit.
Mark on dark SVG · PNG 512 · PNG 1024
Mark on light SVG · PNG 512 · PNG 1024
Mono black SVG · PNG 1024
Mono white SVG · PNG 1024
Square tiles with no rounded corners, for profile pictures and places that crop the image themselves.
Avatar SVG · PNG 400 · PNG 500 for GitHub · PNG 1024
Light tile SVG · PNG 500
Amber tile SVG · PNG 500
The animation plays in browsers and GitHub READMEs, not as a profile picture. With reduced motion turned on, this page shows the static version.
Animated app icon SVG
Animated mark on dark SVG
Animated mark on light SVG
Animated avatar SVG
Open Graph image, 1200 × 630
GitHub social preview, 1280 × 640
X header, 1500 × 500
LinkedIn banner, 1584 × 396
Discord banner, 960 × 540
The zip holds every logo file in SVG and PNG, the social images, the screenshots and a README.txt with the descriptions and links on this page.
| Write | Where |
|---|---|
| Pangular Inspector | Prose, titles, slides and social posts. |
pangular |
Only the CLI command and code identifiers. |
@pangular-inspector/devtools |
Only the npm package name. |
| #PangularInspector | Hashtags on social media. |
Don't write "Pangular", "PI", "pangular inspector" or "PangularInspector".
The unified Angular devtools
- Use the files from this page as they are.
- Keep clear space around the logo, so text and other images don't touch it.
- Use it to refer or link to Pangular Inspector.
- Recolor, stretch, rotate or crop the logo, or add shadows, outlines or other effects.
- Redraw it or build another logo from it.
- Use it in a way that suggests Pangular Inspector endorses or sponsors your product, event or project.
- Combine it with the *Angular logo in a way that suggests Pangular Inspector is an official Angular or Google product.
The logo uses amber on a warm ink tile, with rust for the ring and pale amber for highlights.
| Swatch | Name | Hex |
|---|---|---|
| Ink | #1C1A17 |
|
| Amber | #FBBF24 |
|
| Amber, deep | #F59E0B |
|
| Rust | #92400E |
|
| Rust, deep | #78350F |
|
| Pale | #FDE68A |
| Text | Background | Use |
|---|---|---|
| #FBBF24 | #1C1A17 |
Amber text on ink. |
| #1C1A17 | #F59E0B |
Ink text on an amber fill. |
| #1C1A17 | #FDE68A |
Ink text on pale amber. |
| #92400E | #FFFFFF |
Rust text on white. |
| #78350F | #FDE68A |
Rust text on pale amber. |
Copy the length that fits. The same text is in README.txt in the zip.
Pangular Inspector is the unified Angular devtools: it inspects components, signals, injectors, routes, forms, pipes and NgRx stores in the page, from the command line, or through a coding agent.
Pangular Inspector is open source devtools for Angular apps. It inspects components, signals, injectors, routes, forms, pipes, NgRx stores, and SSR and HTTP calls in a running app, and reads the source files when no app runs. Use it as an embedded panel, a Chrome extension, a standalone CLI, a static report or an MCP server for coding agents.
Pangular Inspector is open source devtools for Angular apps, released under the MIT license. It reads a running development build through Angular's debug API and shows the component tree with live inputs and injected services, the signal graph of each component, the injector hierarchy, the router with every navigation, Signal Forms, reactive and template-driven forms, pipes, NgRx signal stores and the global store, and an HTTP timeline with hydration stats for server-side rendering. It also scans the source files, so routes, components, providers and store declarations show up before the app runs. It is built with Devframe, so one definition serves an embedded panel next to the app, a Chrome DevTools extension, the standalone pangular CLI, an offline static report, and an MCP server that gives coding agents the same data as tools. It works with Angular CLI apps with SSR, Analog, NativeScript and Angular Native. Everything ships in one npm package, @pangular-inspector/devtools.
The panel with live data from Angular Travel, the demo app in the repository. Each image is 1600 × 1000 PNG, in the dark and the light theme. The zip holds all of them.
Download Components, dark theme or Components, light theme.
Download Signals, dark theme or Signals, light theme.
Download Router, dark theme or Router, light theme.
Download NgRx Store, dark theme or NgRx Store, light theme.
| What | Link |
|---|---|
| Docs | pangular-inspector.dev |
| npm | @pangular-inspector/devtools |
| GitHub | github.com/pangular-inspector/devtools |
| Discord | discord.gg/YRTyJd6Qx |
For press requests or questions, open an issue on GitHub or ask on Discord.
Maintainer. Maintainer.