JavaScript Devtools

Open-source JavaScript projects categorized as Devtools | Edit details

Top 19 JavaScript Devtool Projects

  • webpack-dashboard

    A CLI dashboard for webpack dev server

  • redux-devtools-extension

    Redux DevTools extension.

    Project mention: WHAT THE REDUX | dev.to | 2021-12-22

    As alternative to redux devtools extension in our store. I posted a link to ComposewithDevTools. Which can be use in place of the redux devtools line in our store. Check section 1.3 for more details. ComposeWithDevTools

  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • ndb

    ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools

    Project mention: Running test online | reddit.com/r/node | 2022-03-15

    Are you hitting a remote DB? Have you tried a different test runner (Jest can be hella slow)? Have you looked at https://github.com/GoogleChromeLabs/ndb or https://github.com/davidmarkclements/0x ?

  • reactide

    Reactide is the first dedicated IDE for React web application development.

    Project mention: Best 10 IDEs For React.js For 2021 | dev.to | 2021-08-06

    URL: https://reactide.io/ Github: https://github.com/reactide/reactide Documentation: – Price: Free, open-source Languages: React Platform: macOS, Windows, Ubuntu Extension or Plugins: none

  • hotel

    🏩 A simple process manager for developers. Start apps from your browser and access them using local domains

    Project mention: So I'm going the "no MAMP" route on my new Mac. Anyone know how to just use "localhost" instead of "localhost/~username/"? | reddit.com/r/webdev | 2021-06-16

    I've been using Hotel for years and it exactly fits my needs. It hasn't been actively maintained for some time, however, and it may not be a bright idea to get invested in it right now. It could suit your short term needs, though. I'm interested in hearing what other suggestions come up.

  • wappalyzer

    Identify technology on websites.

    Project mention: HTB academy: INFORMATION GATHERING - WEB EDITION, noob problems | reddit.com/r/hackthebox | 2022-04-06

    I cant get this information in headers and whatweb/Wappalyzer are not telling me anything more. Any hints?

  • remote-redux-devtools

    Redux DevTools remotely.

  • SonarLint

    Deliver Cleaner and Safer Code - Right in Your IDE of Choice!. SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.

  • puppeteer-webperf

    Automating Web Performance testing with Puppeteer 🎪

    Project mention: Timing with Curl | news.ycombinator.com | 2021-10-31

    Had no idea curl could do this. If you need a deeper dive, you can do something similar with headless chrome and the chrome remote dev tools protocol.

    There's a good example with puppeteer, here:

    https://github.com/addyosmani/puppeteer-webperf#devtools-pro... (Ctrl-F, and search for "Get Navigation Timing API metrics").

    There are other snippets there that you can turn into text command line tools too.

  • phalcon-devtools

    Phalcon Developer Tools

    Project mention: Trabalhando com Phalcon Framework e Docker | dev.to | 2021-08-20
  • profiler

    Firefox Profiler — Web app for Firefox performance analysis

    Project mention: Firefox randomly using more than 60% CPU | reddit.com/r/firefox | 2022-05-15

    Grab a profile when it is happening - or you can record all the time and capture the profile once it is happening: https://profiler.firefox.com

  • sapling

    Sapling - A convenient way to traverse your React app in VS Code

    Project mention: Share a best practice you follow for every react / next.js project 🚀👍💯 | reddit.com/r/reactjs | 2022-04-15

    Have you seen Sapling?

  • NiM

    Streamline Your Node.js Debugging Workflow with Chromium (Chrome, Edge, More) DevTools. (by june07)

  • virtual-authenticators-tab

    Debug webauthn with a chrome extension that adds a virtual authenticators tab to devtools

    Project mention: WebAuthn server library for public key-based authentication | reddit.com/r/haskell | 2022-01-24

    Use this chrome extension to simulate authenticators if you don't have one yourself

  • network-plus

    DevTools for network recording, editing and resending.

    Project mention: Network+: Browser DevTool for network recording, editing and resending | reddit.com/r/CKsTechNews | 2021-11-20
  • near-cli

    General purpose command line tools for interacting with NEAR Protocol

    Project mention: How to write and deploy a NFTs smart contract in NEAR (Rust-lang) | reddit.com/r/u_bnqtshits | 2021-12-03

    near-cli is a command line interface (CLI) for interacting with the NEAR blockchain. It was installed to the local node_modules folder when you ran yarn install, but for best ergonomics you may want to install it globally:

  • Anchr

    ⚓️ Anchr provides you with a toolbox for tiny tasks on the internet, especially bookmark collections

  • code-fold

    Write the pattern, then let your code write itself.

    Project mention: CLI that helps your JS/TS codebase write itself | reddit.com/r/webdev | 2021-10-17
  • pFreak

    pFreak is a unit-level 2-in-1 JavaScript benchmarking and testing framework.

    Project mention: Show HN: Imba – I have spent 7 years creating a programming language for the web | news.ycombinator.com | 2021-08-17

    I went through the same concerns and ended up building a little benchmarking tool for a simple reactive UI library I'm working on. It's not super user-friendly yet but doing a good job of profiling tasks.

    You can write custom benchmarks by clearly separating pre-setup work than relying on ready-made benchmarks (a bit of a pain initially, but helps a lot to fine-tune at unit-level going forward).

    It uses Chrome DevTools Protocol(CDP) through Puppeteer and allows to analyze execution durations separately (Scripting, Layout, Paint, etc).

    Think it will be helpful: https://github.com/dumijay/pfreak

  • sharkwords-redux

    🦈 Tidy React app that showcases how to implement Redux

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-05-15.

JavaScript Devtools related posts

Index

What are some of the best open-source Devtool projects in JavaScript? This list will help you:

Project Stars
1 webpack-dashboard 13,873
2 redux-devtools-extension 13,386
3 ndb 10,687
4 reactide 10,403
5 hotel 9,749
6 wappalyzer 7,483
7 remote-redux-devtools 1,788
8 puppeteer-webperf 1,594
9 phalcon-devtools 1,307
10 profiler 686
11 sapling 443
12 NiM 180
13 virtual-authenticators-tab 153
14 network-plus 137
15 near-cli 134
16 Anchr 132
17 code-fold 13
18 pFreak 4
19 sharkwords-redux 2
Find remote jobs at our new job board 99remotejobs.com. There are 8 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Less time debugging, more time building
Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.
scoutapm.com