Track Awesome Chrome Devtools Updates Weekly

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

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

[ Daily / Weekly / Overview ]

Oct 06 - Oct 12, 2025

CPU profile

• Wishbone Python framework - Profiling data can export as .cpuprofile.

Browsers / Ruby

• BrowserBox (⭐3.7k) - Embed Chrome in a web page, largely powered by DevTools and supporting multiuser browsing, remote DevTools, audio, and documents like .docx, .pdf, and more.

• Puppetromium (⭐56) - A proof-of-concept web browser built with Puppeteer, written in Node.js, HTML and CSS, with 0% client-side JavaScript.

Web Archivers and Indexers / Ruby

• dn (⭐3.9k) - Archive and index pages you browse for offline viewing and search, implemented using the Fetch domain's interceptions, and works with any Chromium-based browser.

Workflow / Ruby

• Ember.js Inspector - Allows you to inspect Ember.js objects in your application.

• Vue.js Developer Tools (⭐25k) - Inspect Vue.js components and manipulate their data.

• Angular DevTools - Debugging and Profiling for Angular applications.

Jan 13 - Jan 19, 2025

Libraries for driving the protocol (or a layer above)

• C#/.NET: dotnet-chrome-protocol (⭐20) - A runtime library and schema code generation tools for Chrome DevTools Protocol support in C#/.NET.

Aug 12 - Aug 18, 2024

Automation / Ruby

• k6 browser (⭐358) - Browser automation and end-to-end web testing tool that interacts with browsers and collects frontend performance metrics.

Jun 03 - Jun 09, 2024

Browser Adapters

• devtools-remote-debugger (⭐380) - Use devtools against a webpage; a CDP agent implemeted in client-side JS.

Oct 10 - Oct 16, 2022

Learning

• Can I DevTools? - Various workflows, documented. Also a weekly tips & tricks newsletter.

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

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

Sep 05 - Sep 11, 2022

Accessibility (A11y) / Ruby

• Chromelens - See how your web app will look to people with different types of vision and the path users will travel when tabbing through your page.

Aug 15 - Aug 21, 2022

Libraries for driving the protocol (or a layer above)

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

Aug 01 - Aug 07, 2022

Learning

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

Jul 18 - Jul 24, 2022

The big two automation libraries

• Puppeteer (⭐92k) - Node.js offering a high-level API to control headless Chrome over the DevTools Protocol. See also awesome-puppeteer (⭐2.5k).

• Playwright (⭐77k) - Library to automate Chromium, Firefox and WebKit with a single API. Available for Node.js, Python, .Net, Java. See also awesome-playwright (⭐1.3k).

Libraries for driving the protocol (or a layer above)

• JavaScript/Node.js: chrome-remote-interface (⭐4.4k)

• TypeScript/Node.js: chrome-debugging-client (⭐135)

• TypeScript/Node.js: noice-json-rpc - A proxy-based implementation to expose the CDP as its API.

• TypeScript/Node.js: Taiko (⭐3.6k)

• Rust: Rust Headless Chrome (⭐21)

• Python: pyppeteer (⭐3.9k) - Puppeteer port

• Ruby: Ferrum (⭐1.9k) - high-level API to control Chrome in Ruby

• Clojure: cuic (⭐37) - Providing a high-level API for UI test automation over the DevTools Protocol.

• PHP: PuPHPeteer (⭐1.3k) - PHP bridge to node Puppeteer

Browser Adapters

• Inspect - Use devtools against iOS and Android, easily. Browser and Webviews. (closed source)

Using DevTools frontend with other platforms / Ruby

• ruby/debug (⭐1.2k) - Debugging functionality for Ruby.

Workflow / Ruby

• Web Component DevTools - Inspect, modify and observe Web Components on page.

Alumni / Ruby

• Remote Debug Gateway (⭐95) - Allows you to connect a client to multiple browsers at once.
  • Multiuser DevTools: DevTools Remote (⭐698) - 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 (⭐640) - low level CDP transport handler

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

• IE Diagnostics Adapter (⭐571) - Protocol adaptor for Microsoft IE 11 to CDP.

• go-debugger-devtools (⭐42)

Jan 10 - Jan 16, 2022

Automation / Ruby

• Puppeteer IDE (⭐233) - Standalone Puppeteer playground in browser's developer tools.

Mar 08 - Mar 14, 2021

Libraries for driving the protocol (or a layer above)

• Kotlin: chrome-devtools-kotlin (⭐53) - A coroutine-based client library, providing low-level CDP primitives and high-level extensions.

Jan 18 - Jan 24, 2021

Libraries for driving the protocol (or a layer above)

• Java: jvppeteer (⭐785) - Headless Chrome For Java

• Go: Rod (⭐6.3k)

Nov 18 - Nov 24, 2019

Themes / Ruby

• Material UI Theme - Provides various Material Design inspired themes.

Performance / Ruby

• TracerBench (⭐248) - A controlled performance benchmarking tool for web applications, providing clear, actionable and usable insights into performance deltas.

Sep 09 - Sep 15, 2019

Network Inspection

• Weer - A HTTP protocol debugger (closed source)

Chrome Debugger integration with Editors

• VS Code - Debugger for Chrome (⭐2.2k) - Breakpoint debugging in VS Code.

• VS Code - Elements for Microsoft Edge (⭐784) - Elements panel inside VS Code.

• ChromeREPL (⭐354) - Within Sublime Text, use the Chrome console.

• Sublime Web Inspector - JavaScript Breakpoint debugging right in Sublime Text.

• WebStorm/JetBrains Chrome Extension - The WebStorm IDE can debug JavaScript, view the DOM tree, and edit HTML, CSS and JS live.

Chrome DevTools Protocol

• ChromeDevTools/devtools-protocol (⭐1.3k) - Canonical location of the protocol JSON. Issue tracker for protocol bugs. TypeScript types.

Developing with the protocol

• chrome-remote-interface Wiki (⭐4.4k) - Many useful recipes.

• Chrome Protocol Proxy (⭐223) - Tool for debugging clients using devtools protocol.

Libraries for driving the protocol (or a layer above)

• Java: chrome-devtools-java-client (⭐233)

• Python: PyCDP (⭐119) - Pure-Python, sans-IO wrappers. See also the Trio CDP driver (⭐69)

• Python: chromewhip (⭐119) - drop-in replacement for the splash service

• Python: ChromeController (⭐227) - high-level browser mgmt

• Go: chromedp (⭐12k) - High-level actions and tasks for driving browsers

• Go: cdp (⭐763)

• Go: gcd (⭐185)

• Go: godet (⭐398)

• Ruby: Cuprite (⭐1.3k) - Capybara driver

• Clojure: clj-chrome-devtools (⭐132) - The CDP wrapper API is autogenerated and will be updated when CDP protocol changes.

Using DevTools frontend with other platforms / Android

• j2v8-debugger (⭐93) - Debugging JavaScript running in J2V8 (⭐2.6k) with Chrome DevTools.

Using DevTools frontend with other platforms / Node.js

• ndb (⭐11k) - An improved Node.js debugging experience with the DevTools Frontend.

• thetool (⭐223) - CPU, memory, coverage, type profiling with Node.

• chrome-devtools-frontend - Mirror of the frontend that ships in Chrome.

Performance / Ruby

• sloth (⭐199) - Chrome extension allows to enable and save CPU and network throttling for selected tabs.

Oct 29 - Nov 04, 2018

Network Inspection

• betwixt (⭐4.6k) - System level network proxy, providing inspection via Network panel.

Chrome DevTools Protocol

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

Using DevTools frontend with other platforms / Android

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

Using DevTools frontend with other platforms / ClojureScript

• Dirac (⭐772) - Debugging of ClojsureScript.

Using DevTools frontend with other platforms / iOS

• PonyDebugger (⭐5.9k) - Remote network and data debugging iOS apps with Chrome DevTools.

Using DevTools frontend with other platforms / Node.js

• Debugging Node.js with Chrome DevTools - Guide on using the full debugging and profiling support in Node v6.3+.

Mar 05 - Mar 11, 2018

Libraries for driving the protocol (or a layer above)

• PHP: chrome-devtools-protocol (⭐183) - A PHP client library for the protocol.

Aug 28 - Sep 03, 2017

Libraries for driving the protocol (or a layer above)

• Kotlin: chrome-reactive-kotlin (⭐77) - reactive (rxjava 2.x), low-level client library in Kotlin

Workflow / Ruby

• Metal.js Developer Tools - Inspect the Metal component hierarchies.

Jul 03 - Jul 09, 2017

Libraries for driving the protocol (or a layer above)

• C#/dotnet: chrome-dev-tools (⭐81) - Protocol wrapper generator that can be customized by editing handlebars templates. Includes .Net Core template.

May 29 - Jun 04, 2017

Object formatting

• immutable-devtools (⭐668) - Custom formatter for Immutable-js values.

CPU profile

• call-trace (⭐43) - Can instrument your JS with hooks, and then generate a .cpuprofile of the of the complete (non-sampled) execution. View either time or call counts.

• cpuprofilify (⭐169) - Converts output of various profiling/sampling tools to the .cpuprofile format.

Multimedia

• snapline (⭐399) - Converts timeline screenshots to gif.

Timeline, Tracing & Profiling

• DevTools Timeline Viewer - Share URLs of your timeline recordings.

Aug 01 - Aug 07, 2016

Learning

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

Workflow / Ruby

• Clockwork - View PHP application profiling data.

• Emulated Device Lab - Experiment with multiple devices being emulated at the same time.

• RailsPanel - View Ruby on Rails application profiling data.

• React Developer Tools - Inspect the React component hierarchies.

• Marionette Inspector - Inspect a Marionette application's views, events, and live data.

• Backbone Debugger - Inspect a Backbone application's views, models, events, and routes.

• App Inspector for Sencha - Inspect a Sencha ExtJS/Touch application's component tree, data stores, events, and layouts.

• Redux Devtools - Inspect Redux with actions history, undo and replay.

• Three.js - Edit any three.js project.

• Insight (⭐918) - A WebGL debugging toolkit which enables more productive WebGL development and more efficient WebGL applications.

• BEM devtools (⭐46) - Inspect BEM entities expressed in i-bem framework.

Themes / Ruby

• DevTools Author - A selection of themes to modify parts of DevTools related to authoring web applications.

• Zero Dark Matrix - Dark theme for Chrome Developer Tools.