Track Awesome Chrome Devtools Updates Daily

Awesome tooling and resources in the Chrome DevTools & DevTools Protocol ecosystem

🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 ChromeDevTools/awesome-chrome-devtools · ⭐ 7.2K · 🏷️ Front-End Development

[ Daily / Weekly / Overview ]

Oct 07, 2026

Tracing & Profiling

• trace.cafe - Share and view web performance traces directly in the DevTools Performance panel (source (⭐142)).

• speedscope (⭐6.8k) - Fast, interactive flamegraph viewer that imports Chrome .cpuprofile and timeline traces.

• cpupro (⭐788) - Deep V8/Chrome .cpuprofile analyzer with flamegraphs, call trees, and hot-spot diagnostics.

• Perfetto (⭐6.6k) - System profiling and trace analysis suite (ui.perfetto.dev) with Chromium trace support and SQL trace querying.

Chrome DevTools Protocol / The big two automation libraries

• Puppeteer (⭐96k) - High-level Node.js API for controlling Chrome over CDP and WebDriver BiDi. See also awesome-puppeteer (⭐2.6k).

Chrome DevTools Protocol / Libraries for driving the protocol (or a layer above)

• Rust: chromiumoxide (⭐1.4k) - Async/tokio library with generated types

• Rust: Rust Headless Chrome (⭐3k) - High-level headless Chrome client

• Python: Zendriver (⭐1.5k) - Async CDP browser automation

• Ruby: Ferrum (⭐2.1k) - High-level API to control Chrome

• Ruby: Cuprite - Capybara driver

• Kotlin: kdriver (⭐108) - High-level coroutine-based automation

Chrome DevTools Protocol / Agentic Browser Automation

• chrome-devtools-mcp (⭐53k) - Official MCP server for Chrome DevTools, which also includes a CLI (⭐53k).

• Webcmd (⭐2.6k) - Compiles site navigation into deterministic per-site CLI commands for AI agents.

• bdg (⭐152) - Persistent background CDP session exposing DOM, network, console, and raw protocol methods as shell commands.

Using DevTools frontend with other platforms / Browser Adapters

• ChromeDevTools/devtools-frontend (⭐4.1k) - Canonical source repo for the Chrome DevTools UI (published to npm as chrome-devtools-frontend).

• Chii (⭐2.2k) & Eruda - Remote debugging server using the real devtools-frontend UI (Chii, a modern Weinre replacement) and in-page mobile DevTools console (Eruda).

• vscode-js-debug (⭐2k) - Official DAP-compliant JavaScript and Chrome CDP debugger powering VS Code.

DevTools Extensions / Browser Adapters

• Vue.js Developer Tools (⭐2.9k) - Inspect Vue.js components, state, and routing.

Alumni / Browser Adapters

• noice-json-rpc (⭐46) - Proxy-based TypeScript/JS library exposing CDP domains directly as an API.

Mar 27, 2026

Learning

• Front-end Debugging Tools Handbook (⭐60) - Practical guide to front-end debugging across DevTools, framework extensions, and IDEs.

Chrome DevTools Protocol / Agentic Browser Automation

• Lumen (⭐57) - Vision-first browser agent with self-healing deterministic replay over CDP.

Mar 05, 2026

DevTools Extensions / Browser Adapters

• React Developer Tools - Inspect React component hierarchies, props, and profiler flamegraphs.

• Redux Devtools - Time-travel debugging and action history for Redux.

• Ember.js Inspector - Inspect Ember.js objects, routes, and data.

• Web Component DevTools - Inspect, modify, and observe custom elements and shadow DOM on the page.

• Clockwork - PHP application profiling and request inspection in DevTools.

• RailsPanel - Ruby on Rails request and SQL profiling panel.

Feb 08, 2026

Learning

• Chrome Secret Menus (⭐80) - Guide to Chrome's internal chrome:// pages and diagnostic tools.

Sep 30, 2025

DevTools Extensions / Browser Adapters

• Angular DevTools - Component tree inspection and change-detection profiling for Angular.

Jan 09, 2025

Chrome DevTools Protocol / Libraries for driving the protocol (or a layer above)

• C#/.NET: dotnet-chrome-protocol (⭐31) - Runtime library and schema codegen

Jun 04, 2024

Chrome DevTools Protocol / Browser Adapters

• devtools-remote-debugger (⭐419) - Debug a webpage remotely via a CDP agent implemented in client-side JS.

Oct 10, 2022

Learning

• Web cheatcodes - Browser developer tools for non-developers.

• Dear Console - A collection of snippets to use in the browser console.

Aug 15, 2022

Chrome DevTools Protocol / Libraries for driving the protocol (or a layer above)

• C#/.NET: Puppeteer Sharp (⭐3.9k) - Puppeteer port

Aug 03, 2022

Learning

• DevTools Tips - Collection of illustrated tips as mini tutorials.

Jul 21, 2022

Chrome DevTools Protocol / The big two automation libraries

• Playwright (⭐97k) - Cross-browser automation for Chromium, Firefox, and WebKit across Node.js, Python, .NET, and Java. See also awesome-playwright (⭐1.6k).

Chrome DevTools Protocol / Libraries for driving the protocol (or a layer above)

• JavaScript/Node.js: chrome-remote-interface (⭐4.6k) - Low-level CDP client

• Clojure: cuic - High-level UI test automation

Chrome DevTools Protocol / Browser Adapters

• Inspect - Use DevTools against iOS and Android browsers and WebViews. (closed source)

Using DevTools frontend with other platforms / Browser Adapters

• ruby/debug (⭐1.3k) - Ruby's official debugger, which supports connecting Chrome DevTools over CDP (rdbg --open=chrome).

Alumni / Browser Adapters

• PuPHPeteer (⭐1.3k) - PHP bridge to Node Puppeteer.

• Remote Debug Gateway (⭐95) - Connect a debugging client to multiple browsers at once.
  • Multiuser DevTools: DevTools Remote (⭐700) - Remotely debug someone else's browser.

• DevTools Backend (⭐148) - Standalone implementation of the Chrome DevTools backend to debug arbitrary web environments.

• Python CDP driver: pychrome - Low-level CDP transport handler.

• ios-webkit-debug-proxy (⭐6.2k) - Exposes Mobile Safari & UIWebView instances via CDP.
  • Remote Debug iOS WebKit adapter (⭐2.7k) - Builds on ios-webkit-debug-proxy and translates WebKit's Remote Debugging Protocol to CDP.

• IE Diagnostics Adapter (⭐569) - Protocol adapter translating IE 11 to CDP.

Mar 09, 2021

Chrome DevTools Protocol / Libraries for driving the protocol (or a layer above)

• Kotlin: chrome-devtools-kotlin (⭐62) - Coroutine-based client library

Jan 20, 2021

Chrome DevTools Protocol / Libraries for driving the protocol (or a layer above)

• Java: jvppeteer (⭐805) - Headless Chrome for Java

• Go: Rod (⭐7.1k) - High-level automation and scraping

Sep 03, 2019

Chrome DevTools Protocol

• ChromeDevTools/devtools-protocol (⭐1.6k) - Canonical location of the protocol JSON, TypeScript types, and issue tracker for protocol bugs.

Chrome DevTools Protocol / Developing with the protocol

• chrome-remote-interface Wiki (⭐4.6k) - Handy recipes for common raw-CDP tasks.

• Chrome Protocol Proxy (⭐253) - Proxy for inspecting and debugging CDP client traffic.

Chrome DevTools Protocol / Libraries for driving the protocol (or a layer above)

• Java: chrome-devtools-java-client (⭐239) - Low-level protocol client

• Python: PyCDP (⭐147) - Sans-IO wrappers (see also Trio driver (⭐72))

• Python: ChromeController - High-level browser mgmt

• Go: chromedp (⭐13k) - High-level actions and tasks

• Go: cdp (⭐797) - Type-safe bindings for CDP

• Clojure: clj-chrome-devtools (⭐134) - Autogenerated CDP wrapper

Using DevTools frontend with other platforms / Browser Adapters

• VS Code - Elements for Microsoft Edge (⭐829) - Elements and Network panels embedded inside VS Code.

Alumni / Browser Adapters

• ndb (⭐11k) - Improved Node.js debugging experience built on the DevTools frontend.

• thetool (⭐223) - CPU, memory, coverage, and type profiling for Node.js.

• VS Code - Debugger for Chrome (⭐2.2k) - Original Chrome debugger for VS Code (superseded by built-in vscode-js-debug (⭐2k), which has a rich CDP/DAP implementation).

Nov 01, 2018

Chrome DevTools Protocol

• DevTools Protocol API Docs - Browsable UI for exploring the protocol's domains, methods, and events.

Using DevTools frontend with other platforms / Browser Adapters

• Debugging Node.js with Chrome DevTools - Guide on debugging and profiling Node.js with node --inspect.

Alumni / Browser Adapters

• Facebook Stetho (⭐13k) - Native Android debugging with Chrome DevTools.

• PonyDebugger (⭐5.8k) - Remote network and Core Data debugging for iOS apps via Chrome DevTools.

• betwixt (⭐4.6k) - System-level network proxy inspected through a standalone DevTools Network panel.

• Dirac (⭐775) - ClojureScript debugging with a custom DevTools fork.

Mar 09, 2018

Chrome DevTools Protocol / Libraries for driving the protocol (or a layer above)

• PHP: chrome-devtools-protocol (⭐184) - Client library

Aug 02, 2016

Learning

• Dev Tips - Large collection of tips as animated gifs.

Alumni / Browser Adapters

• Insight (⭐915) - WebGL debugging toolkit for Chrome DevTools.