[38;5;12m                                                                                                          [39m[38;2;255;187;0m[1m[4mAwesome Developer Tools[0m

[38;5;11m[1m▐[0m[38;5;12m [39m[38;5;12mA curated list of in-browser [39m[38;5;14m[1mbookmarklets[0m[38;5;12m (#bookmarklets), [39m[38;5;14m[1mtools[0m[38;5;12m (#tools), and [39m[38;5;14m[1mresources[0m[38;5;12m (#resources) for modern full-stack software engineers.[39m

[38;5;12mInspired by the [39m[38;5;14m[1mawesome[0m[38;5;12m (https://github.com/sindresorhus/awesome) list thing.[39m

[38;2;255;187;0m[4mBookmarklets[0m

[38;5;12m- [39m[38;5;14m[1martoo.js[0m[38;5;12m (https://medialab.github.io/artoo/) - Client-side scraping utility for the currently loaded uri.[39m
[38;5;12m- [39m[38;5;14m[1mDOM Monster[0m[38;5;12m (http://mir.aculo.us/dom-monster/) - A cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on.[39m
[38;5;12m- [39m[38;5;14m[1mMake Bookmarklets[0m[38;5;12m (https://make-bookmarklets.com) - Online tool to turn JavaScript into a bookmarklet.[39m
[38;5;12m- [39m[38;5;14m[1mRulers Guides[0m[38;5;12m (http://mark-rolich.github.io/RulersGuides.js/) - A JavaScript library which enables Photoshop-like rulers and guides interface on a web page.[39m
[38;5;12m- [39m[38;5;14m[1mViewport Resizer[0m[38;5;12m (http://lab.maltewassermann.com/viewport-resizer/) - A browser-based tool to test any website's responsiveness.[39m

[38;2;255;187;0m[4mWeb-based Tools[0m

[38;2;255;187;0m[4mDebug JavaScript[0m

[38;5;12m- [39m[38;5;14m[1mBabel Time Travel[0m[38;5;12m (https://babel-time-travel.boopathi.in/) - Travel in time as babel transpiles.[39m
[38;5;12m- [39m[38;5;14m[1mDebugJS[0m[38;5;12m (http://debugjs.com/) - Debug your JavaScript in the browser (lol?)[39m
[38;5;12m- [39m[38;5;14m[1mendpoints.dev[0m[38;5;12m (https://www.endpoints.dev) - View realtime HTTP requests using a endpoints.dev generated URL.[39m
[38;5;12m- [39m[38;5;14m[1mhttpbin[0m[38;5;12m (http://httpbin.org/) - HTTP Request & Response service.[39m
[38;5;12m- [39m[38;5;14m[1mJavaScript Visualizer 9000[0m[38;5;12m (https://www.jsv9000.app) - Loupe-inspired JavaScript execution visualizer[39m
[38;5;12m- [39m[38;5;14m[1mJSONBIN.io[0m[38;5;12m (https://jsonbin.io/quick-store) - Custom, mock JSON API[39m
[38;5;12m- [39m[38;5;14m[1mLoupe[0m[38;5;12m (http://latentflip.com/loupe/) - Similar in goal to SlowmoJS, a JavaScript call stack visualizer.[39m
[38;5;12m- [39m[38;5;14m[1mSlowmoJS[0m[38;5;12m (http://toolness.github.io/slowmo-js/) - Execute JavaScript in slow motion.[39m

[38;2;255;187;0m[4mPostman Alternatives[0m
[38;5;12m- [39m[38;5;14m[1mHoppscotch[0m[38;5;12m (https://hoppscotch.io) - A lightweight, web-based API development suite.[39m
[38;5;12m- [39m[38;5;14m[1mRecipeUI[0m[38;5;12m (https://recipeui.com/editor) - Open source Postman alternative with type safety built in.[39m
[38;5;12m- [39m[38;5;14m[1mReqbin[0m[38;5;12m (https://reqbin.com) - REST & SOAP API Online Testing Tool[39m

[38;2;255;187;0m[4mDiagramming &amp; Scratch[0m

[38;5;12m- [39m[38;5;14m[1masciiflow[0m[38;5;12m (https://asciiflow.com) - ASCIIFlow is a client-side only web based application for drawing ASCII diagrams.[39m
[38;5;12m- [39m[38;5;14m[1mdbdiagram[0m[38;5;12m (https://dbdiagram.io/d) - Draw Entity-Relationship Diagrams, Painlessly.[39m
[38;5;12m- [39m[38;5;14m[1mdot-to-ascii[0m[38;5;12m (https://dot-to-ascii.ggerganov.com) - Graphviz to ASCII converter using Graph::Easy.[39m
[38;5;12m- [39m[38;5;14m[1mExcalidraw[0m[38;5;12m (https://excalidraw.com) - Virtual whiteboard.[39m
[38;5;12m- [39m[38;5;14m[1mJSON-to-Chart[0m[38;5;12m (https://jsontochart.com) - Create beautiful charts from JSON data in your browser.[39m
[38;5;12m- [39m[38;5;14m[1mJSONCrack[0m[38;5;12m (https://jsoncrack.com/editor) - Visualize CSV/JSON/TOML/XML/YAML instantly into graphs.[39m
[38;5;12m- [39m[38;5;14m[1mMarkmap[0m[38;5;12m (https://markmap.js.org/repl) - Visualize markdown as a feature-rich mindmaps.[39m
[38;5;12m- [39m[38;5;14m[1mnomnoml[0m[38;5;12m (https://nomnoml.com) - A tool for drawing UML diagrams based on a simple syntax.[39m
[38;5;12m- [39m[38;5;14m[1mSequence Diagram[0m[38;5;12m (https://sequencediagram.org) - An online tool / software for creating UML sequence diagrams.[39m

[38;2;255;187;0m[4mDiffing[0m

[38;5;12m- [39m[38;5;14m[1mJSONDiffPatch[0m[38;5;12m (https://benjamine.github.io/jsondiffpatch) - Run a visual or non-visual diff on two JSON blobs.[39m

[38;2;255;187;0m[4mDocument &amp; Editors[0m

[38;5;12m- [39m[38;5;14m[1mREADME.so[0m[38;5;12m (https://readme.so/editor) - A simple editor to quickly add and customize all the sections you need for your project's readme.[39m

[38;2;255;187;0m[4mGenerators[0m

[38;5;12m- [39m[38;5;14m[1mJSONGenerator[0m[38;5;12m (https://www.jsongenerator.io) - Create random JSON data[39m
[38;5;12m- [39m[38;5;14m[1mNGINXConfig[0m[38;5;12m (https://www.digitalocean.com/community/tools/nginx) - The easiest way to configure a performant, secure, and stable NGINX server.[39m
[38;5;12m- [39m[38;5;14m[1mReadme[0m[38;5;12m (https://nxt-readme.vercel.app) - All in one tool to quickly generate a readme for your project or github profile.[39m

[38;2;255;187;0m[4mImage[0m

[38;5;12m- [39m[38;5;14m[1mClippy[0m[38;5;12m (https://bennettfeely.com/clippy) - CSS clip-path maker and editor.[39m
[38;5;12m- [39m[38;5;14m[1mFavic-o-matic[0m[38;5;12m (http://www.favicomatic.com/) - Literally generates every favicon neccessary + markup.[39m
[38;5;12m- [39m[38;5;14m[1mJPEG.rocks[0m[38;5;12m (https://jpeg.rocks) - Privacy-aware JPEG optimizer[39m
[38;5;12m- [39m[38;5;14m[1mPicPerf[0m[38;5;12m (https://www.picperf.dev/analyze) - Boost web performance with image optimization. Analyze and improve [39m[38;5;12m tags, and inline CSS.[39m
[38;5;12m- [39m[38;5;14m[1mPNG-to-SVG[0m[38;5;12m (https://png-to-svg.com) - Free conversion from JPG or PNG images To vectorized SVG.[39m
[38;5;12m- [39m[38;5;14m[1mSquoosh[0m[38;5;12m (https://squoosh.app/) - Compress and optimize images in browser[39m
[38;5;12m- [39m[38;5;14m[1mSVG-to-backgroundImage[0m[38;5;12m (https://csspro.com/svg-to-background-image-css) - Convert your SVG files into CSS url (data URIs) by encoding it.[39m
[38;5;12m- [39m[38;5;14m[1mSVGOMG[0m[38;5;12m (https://jakearchibald.github.io/svgomg/) - Try [39m[38;5;14m[1mSVGO[0m[38;5;12m (https://github.com/svg/svgo) (SVG Optimizer) in the browser![39m

[38;2;255;187;0m[4mWeb-based Services[0m

[38;2;255;187;0m[4mCopy/Paste Scripts &amp; Styles[0m

[38;5;12m- [39m[38;5;14m[1mcrontab guru[0m[38;5;12m (https://crontab.guru/) - The quick and simple editor for cron schedule expressions by Cronitor[39m
[38;5;12m- [39m[38;5;14m[1mCSS Scan - Box Shadows[0m[38;5;12m (https://getcssscan.com/css-box-shadow-examples) - CSS, Ready to use, click to copy[39m
[38;5;12m- [39m[38;5;14m[1mCSS Scan - Buttons[0m[38;5;12m (https://getcssscan.com/css-buttons-examples) - CSS, Ready to use, click to copy[39m
[38;5;12m- [39m[38;5;14m[1mCSS Scan - Checkboxes[0m[38;5;12m (https://getcssscan.com/css-checkboxes-examples) - CSS, Ready to use, click to copy[39m
[38;5;12m- [39m[38;5;14m[1mCSS Scan - Shapes[0m[38;5;12m (https://getcssscan.com/css-shapes) - CSS, Ready to use, click to copy[39m
[38;5;12m- [39m[38;5;14m[1mDevtools Tips[0m[38;5;12m (https://devtoolstips.org) - Copy-and-paste'able collection of useful cross-browser DevTools snippets.[39m
[38;5;12m- [39m[38;5;14m[1mtransition.css[0m[38;5;12m (https://www.transition.style) - Drop-in CSS transitions[39m

[38;2;255;187;0m[4mFile Sharing[0m

[38;5;12m- [39m[38;5;14m[1mfile.io[0m[38;5;12m (https://www.file.io) - Ephemeral file sharing. Convenient, anonymous and secure.[39m
[38;5;12m- [39m[38;5;14m[1minstant.io[0m[38;5;12m (https://instant.io) - Instant file transfer/sharing over WebTorrent[39m
[38;5;12m- [39m[38;5;14m[1mpairdrop[0m[38;5;12m (https://pairdrop.net) - Instant file transfer over your local network (P2P)[39m

[38;2;255;187;0m[4mPerformance[0m

[38;5;12m- [39m[38;5;14m[1mPerflink[0m[38;5;12m (https://perf.link) - JS benchmarks[39m

[38;2;255;187;0m[4mPlaygrounds[0m

[38;5;12m- [39m[38;5;14m[1mcodepen[0m[38;5;12m (http://codepen.io/pen) - Social development environment for front-end designers and developers. Build and deploy a website, show off your work, build test cases to learn and debug, and find inspiration.[39m
[38;5;12m- [39m[38;5;14m[1mCodeSandbox[0m[38;5;12m (https://codesandbox.io/s/new) - Online code editor and sandbox[39m
[38;5;12m- [39m[38;5;14m[1mEllie[0m[38;5;12m (https://ellie-app.com/) - The Elm Live Editor[39m
[38;5;12m- [39m[38;5;14m[1mES.nextBin[0m[38;5;12m (http://esnextb.in/) - Like RequireBin but ES2015[39m
[38;5;12m- [39m[38;5;14m[1mESM[0m[38;5;12m (https://code.esm.sh) - A fast, smart, & global CDN for modern(es2015+) web development.[39m
[38;5;12m- [39m[38;5;14m[1mJSBin[0m[38;5;12m (http://jsbin.com/) - JS/Coffee/Babel/Babel/Live/JSX/HTML/Markdown/Pug/CSS/Stylus/LESS/Sass[39m
[38;5;12m- [39m[38;5;14m[1mJSFiddle[0m[38;5;12m (http://jsfiddle.net/) - JS/ES3/Coffee/HTML/CSS/Sass[39m
[38;5;12m- [39m[38;5;14m[1mplaycode.io[0m[38;5;12m (https://playcode.io/new) - JS/Typescript/Coffee/LiveScript/Babel/CSS/Sass/LESS/Stylus/HTML/Pug[39m

[38;2;255;187;0m[4mRegex[0m

[38;5;12m- [39m[38;5;14m[1mDebuggex[0m[38;5;12m (https://www.debuggex.com/) - PCRE/Python/JavaScript regex matching.[39m
[38;5;12m- [39m[38;5;14m[1mExtendsClass[0m[38;5;12m (https://extendsclass.com/regex-tester.html) - PHP/Python/Ruby/JavaScript regex matching.[39m
[38;5;12m- [39m[38;5;14m[1mRegExplained[0m[38;5;12m (http://leaverou.github.io/regexplained/) - JavaScript regex matching.[39m
[38;5;12m- [39m[38;5;14m[1mRegexr[0m[38;5;12m (http://www.regexr.com/) - JavaScript regex matching.[39m
[38;5;12m- [39m[38;5;14m[1mRegulex[0m[38;5;12m (https://jex.im/regulex) - JavaScript Regular Expression Visualizer.[39m

[38;2;255;187;0m[4mTransformation[0m

[38;5;12m- [39m[38;5;14m[1mAST Explorer[0m[38;5;12m (http://astexplorer.net/) - Parse JS to an explorable AST tree via acorn, babel, babylon, espree, esprima, recast, shift, and typescript.[39m
[38;5;12m- [39m[38;5;14m[1mBabel REPL[0m[38;5;12m (https://babeljs.io/en/repl) - The compiler for next generation JavaScript[39m
[38;5;12m- [39m[38;5;14m[1mCompiler Explorer[0m[38;5;12m (https://godbolt.org) - Run compilers interactively from your web browser and interact with the assembly[39m
[38;5;12m- [39m[38;5;14m[1mfixmyjs[0m[38;5;12m (http://goatslacker.github.io/fixmyjs.com/) - Automatically fix your JS, driven by JSHint.[39m
[38;5;12m- [39m[38;5;14m[1mJavaScript Deobfuscator[0m[38;5;12m (https://deobfuscate.io) - A simple but powerful deobfuscator to remove common JavaScript obfuscation techniques.[39m
[38;5;12m- [39m[38;5;14m[1mJSNice[0m[38;5;12m (http://www.jsnice.org/) - Statistical renaming, type inference and deobfuscation.[39m
[38;5;12m- [39m[38;5;14m[1mJSON ABC[0m[38;5;12m (https://novicelab.org/jsonabc/) - Sorts JSON alphabetically[39m
[38;5;12m- [39m[38;5;14m[1mMarkdown to HTML[0m[38;5;12m (https://markdowntohtml.com) - Paste or type your markdown and see it rendered as HTML. Download or copy the resulting HTML.[39m
[38;5;12m- [39m[38;5;14m[1mMarkdown Tools[0m[38;5;12m (https://markdowntools.com) - Tools to convert Markdown to/from a number of formats. E.g. Html to Markdown, or a CSV to a Markdown table.[39m
[38;5;12m- [39m[38;5;14m[1mSassmeister[0m[38;5;12m (http://sassmeister.com/) - Sass/Scss  CSS[39m
[38;5;12m- [39m[38;5;14m[1mSucrase[0m[38;5;12m (https://sucrase.io) - Super-fast Babel alternative[39m
[38;5;12m- [39m[38;5;14m[1mSWC[0m[38;5;12m (https://swc.rs/playground) - compile JS/TS files using modern JS features and outputs valid code that is supported by all major browsers.[39m
[38;5;12m- [39m[38;5;14m[1mTerser[0m[38;5;12m (https://try.terser.org/) - JavaScript parser, mangler and compressor toolkit for ES6+[39m
[38;5;12m- [39m[38;5;14m[1mWeb2Img[0m[38;5;12m (https://etherdream.com/web2img) - A tool to bundle your web files into a single image, and extract them via Service Worker at runtime.[39m
[38;5;12m- [39m[38;5;14m[1mWebAssembly Explorer[0m[38;5;12m (https://mbebenita.github.io/WasmExplorer/) - translate C/C++ to WebAssembly, and then see the machine code generated by the browser.[39m


[38;2;255;187;0m[4mPresentation[0m

[38;5;12m- [39m[38;5;14m[1mRay.so[0m[38;5;12m (https://ray.so) - Create beautiful images of code snippets.[39m
[38;5;12m- [39m[38;5;14m[1msnapify[0m[38;5;12m (https://snappify.com/editor) - Snappify enables you to create stunning presentations, with first-class support for code snippets.[39m

[38;2;255;187;0m[4mResources[0m

[38;2;255;187;0m[4mAPIs[0m

[38;5;12m- [39m[38;5;14m[1mFillText[0m[38;5;12m (http://filltext.com/) - Generate JSON datasets for testing or demonstration purposes[39m
[38;5;12m- [39m[38;5;14m[1mJSONPlaceholder[0m[38;5;12m (https://jsonplaceholder.typicode.com) - Free fake API for testing and prototyping.[39m
[38;5;12m- [39m[38;5;14m[1mZippopotamus[0m[38;5;12m (http://zippopotam.us/) - Zipcode to Geo[39m

[38;2;255;187;0m[4mBrowser Information[0m

[38;5;12m- [39m[38;5;14m[1mWhat's My Browser?[0m[38;5;12m (http://www.whatsmybrowser.org/)[39m

[38;2;255;187;0m[4mCDN[0m

[38;5;12m- [39m[38;5;14m[1mJSDelivr[0m[38;5;12m (https://www.jsdelivr.com) - A free CDN for open source projects.[39m
[38;5;12m- [39m[38;5;14m[1mSkypack[0m[38;5;12m (https://www.skypack.dev) - Load optimized npm packages with no install and no build tools.[39m
[38;5;12m- [39m[38;5;14m[1munpkg[0m[38;5;12m (https://www.unpkg.com) - Fast, global content delivery network for everything on npm.[39m

[38;2;255;187;0m[4mCheat Sheets[0m

[38;5;12m- [39m[38;5;14m[1mOWASP Cheat Sheet Series[0m[38;5;12m (https://cheatsheetseries.owasp.org) - A concise collection of high value information on specific application security topics.[39m

[38;2;255;187;0m[4mCSS Inliners[0m

[38;5;12m- [39m[38;5;14m[1mCampaign Monitor[0m[38;5;12m (https://www.campaignmonitor.com/resources/tools/css-inliner)[39m
[38;5;12m- [39m[38;5;14m[1mMailChimp[0m[38;5;12m (http://templates.mailchimp.com/resources/inline-css)[39m

[38;2;255;187;0m[4mDocumentation[0m

[38;5;12m- [39m[38;5;14m[1mDevDocs[0m[38;5;12m (http://devdocs.io/) - Basically [39m[38;5;14m[1mDash[0m[38;5;12m (https://kapeli.com/dash) but a web application and FREE.[39m
[38;5;12m- [39m[38;5;14m[1mECMAScript Proposal Stages[0m[38;5;12m (https://www.proposals.es/stages)[39m
[38;5;12m- [39m[38;5;14m[1mExplainShell[0m[38;5;12m (https://explainshell.com/explain?cmd=ls+-lisah) - A better way to read MAN pages.[39m

[38;2;255;187;0m[4mEasings & Animations[0m

[38;5;12m- [39m[38;5;14m[1mCeaser[0m[38;5;12m (http://matthewlein.com/ceaser/)[39m

[38;2;255;187;0m[4mGlyphs &amp; Icons[0m

[38;5;12m- [39m[38;5;14m[1mCopy/Paste Character[0m[38;5;12m (http://copypastecharacter.com) - Copy &amp; Paste emojis and unicode symbols[39m
[38;5;12m- [39m[38;5;14m[1mCSS Icons[0m[38;5;12m (https://cssicon.space) - Copy &amp; Paste icons in CSS + transition animations![39m
[38;5;12m- [39m[38;5;14m[1mEntity Lookup[0m[38;5;12m (http://entity-lookup.leftlogic.com) - Enter any character(s) and find its corresponding HTML entity code.[39m
[38;5;12m- [39m[38;5;14m[1mheroicons[0m[38;5;12m (https://heroicons.com) - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.[39m
[38;5;12m- [39m[38;5;14m[1mIcon Finder[0m[38;5;12m (https://www.iconfinder.com) - Millions of graphics for your design projects. Created by independent designers.[39m
[38;5;12m- [39m[38;5;14m[1mIcon Monstr[0m[38;5;12m (http://iconmonstr.com) - Discover 4000+ free icons in 300+ collections.[39m
[38;5;12m- [39m[38;5;14m[1mIcônes[0m[38;5;12m (https://icones.js.org/collection/all) - Over 150,000 open source vector icons.[39m
[38;5;12m- [39m[38;5;14m[1mTabler Icons[0m[38;5;12m (https://tablericons.com) - 4000+ Open source free SVG icons. Highly customizable. No attribution required. For commercial use.[39m

[38;2;255;187;0m[4mProxy as a Service[0m

[38;5;12m- [39m[38;5;14m[1mCORS Anywhere[0m[38;5;12m (https://cors-anywhere.herokuapp.com/) - Proxies any HTTP request through a CORS enabled environment.[39m

[38;2;255;187;0m[4mResponsiveness[0m

[38;5;12m- [39m[38;5;14m[1mResponsive Patterns[0m[38;5;12m (http://bradfrost.github.io/this-is-responsive/patterns.html)[39m

[38;2;255;187;0m[4mValidation &amp; Parsers[0m

[38;5;12m- [39m[38;5;14m[1mnumverify[0m[38;5;12m (https://numverify.com/) - Validate phone numbers from over 200 countries.[39m
[38;5;12m- [39m[38;5;14m[1mCSP Evaluator[0m[38;5;12m (https://csp-evaluator.withgoogle.com) - Evaluate CSP rules[39m
[38;5;12m- [39m[38;5;14m[1mAda URL Parser[0m[38;5;12m (https://playground.ada-url.com/?url=torrent://blog/post/1?source|rest=rss) - WHATWG-compliant and fast URL parser written in modern C++, online.[39m

[38;2;255;187;0m[4mSecurity[0m

[38;2;255;187;0m[4mSSL[0m

[38;5;12m- [39m[38;5;14m[1mGetHTTPSForFree![0m[38;5;12m (https://gethttpsforfree.com/) - Genuinely FREE SSL certificates (courtesy of [39m[38;5;14m[1mLet's Encrypt[0m[38;5;12m (https://letsencrypt.org/))[39m
[38;5;12m- [39m[38;5;14m[1mSelf-Signed Certificate Generator[0m[38;5;12m (http://selfsignedcertificate.com/) - A self-signed certificate generator.[39m
[38;5;12m- [39m[38;5;14m[1mMozilla SSL Configuration Generator[0m[38;5;12m (https://ssl-config.mozilla.org) - SSL configuration generator for various server software and platforms.[39m

[38;2;255;187;0m[4mTest[0m

[38;5;12m- [39m[38;5;14m[1mHSTS Preload[0m[38;5;12m (https://hstspreload.org) - Check HSTS preload status and elibility.[39m
[38;5;12m- [39m[38;5;14m[1mMozilla Observatory[0m[38;5;12m (https://observatory.mozilla.org) - A set of tools to analyze your website and inform you if you are utilizing the many available methods to secure it.[39m
[38;5;12m- [39m[38;5;14m[1mSecurity Headers by Probely[0m[38;5;12m (https://securityheaders.com/?q=https%3A%2F%2Fsecurityheaders.com) - An easy to use tool designed to help you better deploy and understand modern security features that are available for your website.[39m
[38;5;12m- [39m[38;5;14m[1mWeb Check[0m[38;5;12m (https://web-check.xyz) - All-in-one OSINT tool for analysing any website.[39m

[38;2;255;187;0m[4mThe Outside World[0m

[38;2;255;187;0m[4mSwag[0m

[38;5;12m- [39m[38;5;14m[1mDevSwag[0m[38;5;12m (http://devswag.com/)[39m
[38;5;12m- [39m[38;5;14m[1mDevSwag[0m[38;5;12m (http://devswag.com/)[39m
[38;5;12m- [39m[38;5;14m[1mStickerMule[0m[38;5;12m (https://www.stickermule.com/marketplace/collections/open-source-stickers/)[39m

[38;2;255;187;0m[4mLicense[0m

[38;5;14m[1m![0m[38;5;12mCC0[39m[38;5;14m[1m (http://i.creativecommons.org/p/zero/1.0/88x31.png)[0m[38;5;12m (http://creativecommons.org/publicdomain/zero/1.0/)[39m
