Track Awesome Devtools Updates Daily
🤖 A curated list of in-browser bookmarklets, tools, and resources for modern full-stack software engineers.
🏠 Home · 🔍 Search · 🔥 Feed · 📮 Subscribe · ❤️ Sponsor · 😺 moimikey/awesome-devtools · ⭐ 285 · 🏷️ Development Environment
Oct 04, 2021
Resources / Validation as a Service
- CSP Evaluator - Evaluate CSP rules
Nov 29, 2020
Resources / Documentation
- ExplainShell - A better way to read MAN pages.
Oct 25, 2020
Tools / Deobfuscation/Transformation
- JSON ABC - Sorts JSON alphabetically
Aug 20, 2020
Tools / Deobfuscation/Transformation
- Babel - Transpile and optionally evaluate ES2015 to ES5
Aug 11, 2020
Resources / Glyphs & Icons
Jul 17, 2020
Tools / Debugging
- Reqbin - REST & SOAP API Online Testing Tool
Jun 04, 2020
Bookmarklets
- artoo.js - Client-side scraping utility for the currently loaded uri.
- CSS Stress Test (⭐868) - JavaScript to test each CSS class on a page and report which are hindering performance.
- deCSS3 (⭐315) - A lil' bookmarklet that will strip out your CSS3 rules and show you how gracefully you're degrading.
- DOM Monster - A cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on.
- Ramda (⭐22k) - Add Ramda to any page!
- Rulers Guides - A JavaScript library which enables Photoshop-like rulers and guides interface on a web page.
- Viewport Resizer - A browser-based tool to test any website's responsiveness.
Tools / Regex
- Debuggex - PCRE/Python/JavaScript regex matching.
- ExtendsClass - PHP/Python/Ruby/JavaScript regex matching.
- reFiddle - Ruby/.NET/JavaScript regex matching.
- RegExplained - JavaScript regex matching.
- Regexr - JavaScript regex matching.
Tools / Deobfuscation/Transformation
- AST Explorer - Parse JS to an explorable AST tree via acorn, babel, babylon, espree, esprima, recast, shift, and typescript.
- fixmyjs - Automatically fix your JS, driven by JSHint.
- JSNice - Statistical renaming, type inference and deobfuscation.
Tools / Debugging
- Beeceptor - Rule based API mocking service. When rules are matched, a request is mocked, else target endpoint is hit as usual. Create custom endpoints to test and debug rest APIs.
- DebugJS - Debug your JavaScript in the browser (lol?)
- Hook.io - Instantly deploy microservices in over 11+ languages (OSS!)
- httpbin - HTTP Request & Response service.
- jsonbin - Custom, mock JSON API
- Loupe - Similar in goal to SlowmoJS, a JavaScript call stack visualizer.
- Mockbin - Generate custom endpoints to test, mock, and track HTTP requests.
- SlowmoJS - Execute JavaScript in slow motion.
- Babel Time Travel - Travel in time as babel transpiles.
Tools / Diffing
- JSONDiffPatch - Run a visual or non-visual diff on two JSON blobs.
Tools / Playgrounds / REPL
- codepen - JS/Coffee/Babel/Live/HTML/Slim/Pug/Markdown/HAML/CSS/Sass/LESS/Stylus
- CodeSandbox - Online code editor and sandbox
- Ellie - The Elm Live Editor
- ES.nextBin - Like RequireBin but ES2015
- JSBin - JS/Coffee/Babel/Babel/Live/JSX/HTML/Markdown/Pug/CSS/Stylus/LESS/Sass
- JSFiddle - JS/ES3/Coffee/HTML/CSS/Sass
- playcode.io - JS/Typescript/Coffee/LiveScript/Babel/CSS/Sass/LESS/Stylus/HTML/Pug
- Repl.it - Python/Ruby/Scheme/Lua/Java/QBasic/Forth/APL/PHP/Go/Emoticon/BrainFuck/LOLCODE/Unlambda/Bloop/JavaScript/ES6/Move/Kaffeine/CoffeeScript/Roy
- Sassmeister - Sass/Scss <-> CSS
- Txti - Fast text/markdown web pages for everybody
- VCLFiddle - Sandboxed Varnish Cache
- WebAssembly Explorer - translate C/C++ to WebAssembly, and then see the machine code generated by the browser.
- Terser - JavaScript parser, mangler and compressor toolkit for ES6+
Tools / Image
- Favic-o-matic - Literally generates every favicon neccessary + markup.
- SVGOMG - Try SVGO (⭐18k) (SVG Optimizer) in the browser!
- Squoosh - Compress and optimize images in browser
Tools / Generators
- Pure CSS Apple - Pure CSS Apple devices with scrollable media
Tools / File Sharing
- file.io - Ephemeral file sharing. Convenient, anonymous and secure.
- instant.io - Instant file transfer/sharing over WebTorrent
Resources / Browser Information
Resources / Open JSON
- FillText - Generate JSON datasets for testing or demonstration purposes
- Zippopotamus - Zipcode to Geo
Resources / CSS Inliners
Resources / CSS Post Processors
Resources / Glyphs & Icons
Resources / Compatability
Resources / Responsiveness
Resources / Easings & Animations
Resources / Proxy as a Service
- CORS Anywhere - Proxies any HTTP request through a CORS enabled environment.
Resources / Documentation
Resources / Security/SSL
- GetHTTPSForFree! - Genuinely FREE SSL certificates (courtesy of Let's Encrypt)
- Self-Signed Certificate Generator - A self-signed certificate generator.
Resources / Validation as a Service
- numverify - Validate phone numbers from over 200 countries.
The Outside World / Swag