NgPulse — Angular Component State Inspector Widget

You receive a single self-contained index.html file along with a README.md that includes an integration guide and customization notes. There are no additional assets, package dependencies, or build tools required — just open the file in a browser and it works immediately.

No — NgPulse has zero dependencies and requires zero build steps. It is written in plain vanilla JavaScript and runs directly in any modern browser by simply opening the index.html file, making it safe to drop into an existing Angular project during development without touching your build configuration.

NgPulse is a realistic simulation widget — it renders a mock Angular-like component tree with simulated lifecycle events, @Input/@Output bindings, change detection cycles, and observable emissions using vanilla JS. It is designed for demos, talks, documentation, team presentations, and developer tool prototyping rather than as a runtime hook into a production Angular application.

The widget is built with fully commented vanilla JavaScript of approximately 150 lines, specifically designed to be easy to read, extend, and embed. The amber-on-charcoal color palette uses clearly defined values, so swapping colors or adding your own mock component tree entries requires only minimal edits with no framework knowledge needed.

NgPulse works in all modern desktop and tablet browsers (Chrome, Firefox, Edge, Safari) with no polyfills required. The layout is responsive and functions on tablet viewports, though it is primarily optimized for desktop developer workflows where the draggable floating panel is most useful.

Licensing terms are set by the seller on the marketplace listing, so please refer to the license listed on the product page before purchasing. Typically, a single purchase covers personal and commercial use by one buyer, but redistribution or resale of the source file itself is not permitted.