Pixi Dev Tools

Inspect PixiJS apps from DevTools: scene graph, property editing, image overlay, zoom, and performance diagnostics.

Pixi Dev Tools is a Chrome DevTools extension for inspecting PixiJS applications. Features: • Scene graph explorer • Object inspection • Property editing • Visual object highlighting • Canvas picking • Image overlay tools for UI implementation • Zoom tool with a draggable minimap for pixel-perfect alignment • Screenshot capture to Downloads or the clipboard • Performance diagnostics with live metrics New in 0.2.0: • Zoom tab — magnify the page without changing its layout size, so your device dimensions stay accurate. Drag the minimap rectangle to move the view, or use Alt+wheel and Alt+drag directly on the page. • Screenshots — save a PNG at the rendered resolution, or copy it straight to the clipboard. • Reworked Overlay tab — drag-and-drop upload, image preview, live opacity and scale readouts, and overlay dragging that stays 1:1 while zoomed. • Live performance metrics with Start and Stop controls. • Tabs now keep their state when you switch between them. Designed for PixiJS game and UI developers. You can support the project at: https://buymeacoffee.com/lyuben.sirakov