Open-Awesome
CategoriesAlternativesStacksSelf-HostedExplore
Open-Awesome

© 2026 Open-Awesome. Curated for the developer elite.

TermsPrivacyAboutGitHubRSS
  1. Home
  2. Categories
  3. Front-End Development
  4. Chrome DevTools

Chrome DevTools

The "Awesome Chrome DevTools" project is a curated resource list designed to enhance the experience of web developers using Chrome's built-in development tools. Chrome DevTools is a set of web authoring and debugging tools built into Google Chrome, allowing developers to inspect HTML and CSS, debug JavaScript, analyze performance, and optimize web applications. This list includes tutorials, extensions, best practices, and various community resources that cater to both beginners and experienced developers. By leveraging these resources, users can improve their debugging skills, streamline their development workflow, and create high-quality web applications. Dive into this collection to unlock the full potential of Chrome DevTools and elevate your web development projects.

chrome-devtoolsweb-developmentdebuggingperformance-optimizationfrontend-toolsdeveloper-tools
RSSView on GitHub
6.9k stars423 forks0 contributorsUpdated
Community-curated · Updated weekly · 100% open source

Found a gem we're missing?

Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.

Submit a projectStar on GitHub

Related Awesome Lists

💚
Vue.js

The "Awesome Vue.js" project is a curated collection of resources aimed at supporting developers using Vue.js, a progressive JavaScript framework for building user interfaces. This list encompasses a variety of resources including libraries, tools, plugins, tutorials, and community contributions that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this list provides invaluable resources to help you create dynamic and responsive web applications. Dive into this collection to discover tools and insights that will elevate your Vue.js projects to the next level.

73.6k
⚛️
React

The "Awesome React" project is a curated resource list designed to support developers using React, a popular JavaScript library for building user interfaces. This list includes a wide range of resources such as libraries, tools, tutorials, components, and community-driven content that enhance the development experience. Whether you are a beginner looking to learn the basics or an experienced developer seeking advanced techniques, this collection provides valuable insights and tools to streamline your workflow. Dive into the world of React and discover the resources that will help you create dynamic and responsive user interfaces with ease.

72.7k
📦
Android UI

The "Awesome Android UI" project is a curated resource list dedicated to enhancing user interface design for Android applications. Android UI refers to the visual elements and interactive components that make up the user experience on Android devices. This list includes a variety of resources such as UI libraries, design tools, components, animations, and tutorials that cater to both novice and experienced developers. By providing a comprehensive selection of resources, this project empowers developers to create visually appealing and user-friendly applications. Whether you're looking for inspiration or practical tools to streamline your design process, you'll find valuable assets to elevate your Android UI development.

55.8k
🌊
Tailwind CSS

The "Awesome Tailwind CSS" project is a comprehensive repository of resources dedicated to using Tailwind CSS, a utility-first CSS framework for building custom user interfaces rapidly. This curated list includes official documentation, IDE extensions, tools, UI libraries, components, and plugins, providing valuable aids for developers of all skill levels. With resources for design inspiration and development support, the project fosters a vibrant community around Tailwind CSS. Whether you’re searching for components or enhancing your workflow, this collection serves as a go-to guide for maximizing the potential of Tailwind CSS.

15.0k

Table of Contents

20 sections · 91 projects

Learning

7 projects
Dev Tips

umaar.com
DevTools Tips

devtoolstips.org
Can I DevTools?

canidev.tools
Web cheatcodes

codepo8.github.io
Dear Console

codepo8.github.io
Chrome Secret MenusChrome Secret Menus

A comprehensive list of secret internal pages and diagnostic tools accessible via chrome:// and edge:// URLs in Chromium-based browsers.

#developer-tools#edge-urls#chrome-urls
Stars71
Forks16
Last commit6 months ago
Front-end Debugging Tools HandbookFront-end Debugging Tools Handbook

A comprehensive guide to debugging tools for modern front-end applications, covering Chrome DevTools, framework extensions, and IDE debuggers.

#debugging-handbook#chrome-devtools-mcp#webstorm
Stars56
Forks4
Last commit1 month ago

Object formatting

1 projects
immutable-devtoolsimmutable-devtools

A Chrome DevTools custom formatter that improves inspection of Immutable.js collections by displaying logical contents instead of internal structures.

#developer-tools#custom-formatter#immutable-js
Stars671
Forks32
Last commit6 years ago

Network Inspection

1 projects
betwixtbetwixt

A web debugging proxy that captures and analyzes network traffic using the Chrome DevTools interface.

#traffic-analysis#proxy#electron-app
Stars4,561
Forks123
Last commit4 years ago

CPU profile

3 projects
call-tracecall-trace

Instruments JavaScript to generate a complete, non-sampled CPU profile for viewing call graphs and timing in Chrome DevTools.

#debugging-tools#execution-trace#javascript-instrumentation
Stars43
Forks8
Last commit2 years ago
cpuprofilifycpuprofilify

Converts perf and DTrace profiling output to Chrome DevTools .cpuprofile format for performance analysis.

#cpuprofile-converter#dtrace#performance-analysis
Stars169
Forks16
Last commit9 years ago
Wishbone Python framework

wishbone.readthedocs.io

Multimedia

1 projects
snaplinesnapline

Extract screenshots and create GIFs from Chrome DevTools timeline files.

#gif-generation#debugging-tools#nodejs-cli
Stars401
Forks17
Last commit10 years ago