awesome-chrome-devtools
github.com/chromedevtools/awesome-chrome-devtools ↗Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem
Use this list with your AI agent
Add the Context Awesome MCP server to Claude, Cursor, or any MCP client, then ask:
"Show me agentic browser automation resources from awesome-chrome-devtools"
Installation instructions →What's inside
DevTools Extensions
- Angular DevTools
Component tree inspection and change-detection profiling for Angular.
- Clockwork
PHP application profiling and request inspection in DevTools.
- Ember.js Inspector
Inspect Ember.js objects, routes, and data.
- RailsPanel
Ruby on Rails request and SQL profiling panel.
- React Developer Tools
Inspect React component hierarchies, props, and profiler flamegraphs.
- Redux Devtools
Time-travel debugging and action history for Redux.
Chrome DevTools Protocol
- bdgAgentic Browser Automation
Persistent background CDP session exposing DOM, network, console, and raw protocol methods as shell commands.
- cdpLibraries for driving the protocol (or a layer above)
Type-safe bindings for CDP
- ChromeControllerLibraries for driving the protocol (or a layer above)
High-level browser mgmt
- ChromeDevTools/devtools-protocol
- chrome-devtools-java-clientLibraries for driving the protocol (or a layer above)
Low-level protocol client
- chrome-devtools-kotlinLibraries for driving the protocol (or a layer above)
Coroutine-based client library
Alumni
- betwixt
System-level network proxy inspected through a standalone DevTools Network panel.
- DevTools Backend
Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments.
- DevTools Remote
Remotely debug someone else's browser.
- Dirac
ClojureScript debugging with a custom DevTools fork.
- Facebook Stetho
Native Android debugging with Chrome DevTools.
- IE Diagnostics Adapter
Protocol adapter translating IE 11 to CDP.
Using DevTools frontend with other platforms
- Chii
Remote debugging server using the real
- ChromeDevTools/devtools-frontend
Canonical source repo for the Chrome DevTools UI (published to npm as
- Debugging Node.js with Chrome DevTools
Guide on debugging and profiling Node.js with
- ruby/debug
Ruby's official debugger, which supports connecting Chrome DevTools over CDP (
- VS Code - Elements for Microsoft Edge
Elements and Network panels embedded inside VS Code.
- vscode-js-debug
Official DAP-compliant JavaScript and Chrome CDP debugger powering VS Code.
Learning
- Chrome Secret Menus
Guide to Chrome's internal
- Dear Console
A collection of snippets to use in the browser console.
- Dev Tips
Large collection of tips as animated gifs.
- DevTools Tips
Collection of illustrated tips as mini tutorials.
- Front-end Debugging Tools Handbook
Practical guide to front-end debugging across DevTools, framework extensions, and IDEs.
- Web cheatcodes
Browser developer tools for non-developers.
Tracing & Profiling
- cpupro
Deep V8/Chrome
- Perfetto
System profiling and trace analysis suite (
- speedscope
Fast, interactive flamegraph viewer that imports Chrome
- trace.cafe
Share and view web performance traces directly in the DevTools Performance panel (
Showing a sample of 73 resources. View the full list on GitHub →