{"id":3642,"url":"https://github.com/moimikey/awesome-devtools","name":"awesome-devtools","description":"🤖 A curated list of in-browser bookmarklets, tools, and resources for modern full-stack software engineers.","projects_count":132,"last_synced_at":"2026-07-20T05:00:19.862Z","repository":{"id":19562726,"uuid":"22811746","full_name":"moimikey/awesome-devtools","owner":"moimikey","description":"🤖 A curated list of in-browser bookmarklets, tools, and resources for modern full-stack software engineers.","archived":false,"fork":false,"pushed_at":"2026-06-23T02:16:07.000Z","size":147,"stargazers_count":530,"open_issues_count":14,"forks_count":106,"subscribers_count":21,"default_branch":"main","last_synced_at":"2026-07-01T16:03:53.303Z","etag":null,"topics":["awesome","awesome-list","bookmarklets","bookmarks","browser-bookmarklets","dev-resources","devdocs","list","regex","tools"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/moimikey.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2014-08-10T15:20:51.000Z","updated_at":"2026-06-23T01:23:04.000Z","dependencies_parsed_at":"2026-04-25T16:00:36.340Z","dependency_job_id":null,"html_url":"https://github.com/moimikey/awesome-devtools","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/moimikey/awesome-devtools","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moimikey%2Fawesome-devtools","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moimikey%2Fawesome-devtools/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moimikey%2Fawesome-devtools/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moimikey%2Fawesome-devtools/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/moimikey","download_url":"https://codeload.github.com/moimikey/awesome-devtools/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/moimikey%2Fawesome-devtools/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35674030,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-07-20T02:08:10.276Z","status":"ssl_error","status_checked_at":"2026-07-20T02:08:09.736Z","response_time":111,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"created_at":"2024-01-06T00:38:57.481Z","updated_at":"2026-07-20T05:00:19.862Z","primary_language":null,"list_of_lists":false,"displayable":true,"categories":["Tools","Resources","Bookmarklets","Web-based Tools","Web-based Services","Security","The Outside World","Notable Mentions","License"],"sub_categories":["Playgrounds","Validation \u0026 Parsers","Image","Regex","Debug JavaScript","Debugging \u0026amp; Development","Postman Alternatives","Deobfuscation \u0026amp; Transformation","Transformation","Diagramming \u0026 Scratch","Diagramming \u0026amp; Scratch","Diffing","Document \u0026amp; Editors","File Sharing","Generators","Presentation","Performance","Copy/Paste Scripts \u0026 Styles","Copy/Paste Scripts \u0026amp; Styles","Browser Information","CDN","Cheat Sheets","CSS Inliners","Documentation","Easings \u0026 Animations","Glyphs \u0026amp; Icons","Glyphs \u0026 Icons","APIs","Proxy as a Service","CSS","Validation \u0026amp; Parsers","SSL","Test","Swag","API Clients"],"readme":"# Awesome Developer Tools\n\n\u003e A curated list of in-browser [bookmarklets](#bookmarklets), [tools](#tools), and [resources](#resources) for modern full-stack software engineers.\n\nInspired by the [awesome](https://github.com/sindresorhus/awesome) list thing.\n\n## Bookmarklets\n\n- [artoo.js](https://medialab.github.io/artoo/) - Client-side scraping utility for the currently loaded uri.\n- [DOM Monster](http://mir.aculo.us/dom-monster/) - A cross-platform, cross-browser bookmarklet that will analyze the DOM \u0026 other features of the page you're on.\n- [Make Bookmarklets](https://make-bookmarklets.com) - Online tool to turn JavaScript into a bookmarklet.\n- [Related Repos](https://relatedrepos.com/bookmarklet) - Quickly view alternative repositories while browsing on GitHub. Results are updated daily.\n- [Rulers Guides](http://mark-rolich.github.io/RulersGuides.js/) - A JavaScript library which enables Photoshop-like rulers and guides interface on a web page.\n\n## Tools\n\n### API Clients\n\n- [Hoppscotch](https://hoppscotch.io) - A lightweight, web-based API development suite.\n- [Reqbin](https://reqbin.com) - REST \u0026 SOAP API Online Testing Tool\n\n### Copy/Paste Scripts \u0026 Styles\n\n- [crontab guru](https://crontab.guru/) - The quick and simple editor for cron schedule expressions by Cronitor\n- [Devtools Tips](https://devtoolstips.org) - Copy-and-paste'able collection of useful cross-browser DevTools snippets.\n\n### CSS\n\n- [Ceaser](http://matthewlein.com/ceaser/) - CSS easing animation tool with cubic-bezier curves.\n- [Clippy](https://bennettfeely.com/clippy) - CSS clip-path maker and editor.\n- [Responsive Patterns](http://bradfrost.github.io/this-is-responsive/patterns.html) - Collection of responsive web design patterns.\n- [transition.css](https://www.transition.style) - Drop-in CSS transitions\n- [Type Fluidity](https://wearerequired.github.io/fluidity) - Fluid typography `clamp` value generator\n\n### Debug JavaScript\n\n- [Babel Time Travel](https://babel-time-travel.boopathi.in/) - Travel in time as babel transpiles.\n- [DebugJS](http://debugjs.com/) - Debug your JavaScript in the browser (lol?)\n- [httpbin](http://httpbin.org/) - HTTP Request \u0026 Response service.\n- [JavaScript Visualizer 9000](https://www.jsv9000.app) - Loupe-inspired JavaScript execution visualizer\n- [JSONBIN.io](https://jsonbin.io/quick-store) - Custom, mock JSON API\n- [Loupe](http://latentflip.com/loupe/) - Similar in goal to SlowmoJS, a JavaScript call stack visualizer.\n- [SlowmoJS](http://toolness.github.io/slowmo-js/) - Execute JavaScript in slow motion.\n\n### Diagramming \u0026 Scratch\n\n- [asciiflow](https://asciiflow.com) - ASCIIFlow is a client-side only web based application for drawing ASCII diagrams.\n- [dbdiagram](https://dbdiagram.io/d) - Draw Entity-Relationship Diagrams, Painlessly.\n- [dot-to-ascii](https://dot-to-ascii.ggerganov.com) - Graphviz to ASCII converter using Graph::Easy.\n- [Excalidraw](https://excalidraw.com) - Virtual whiteboard.\n- [JSONCrack](https://jsoncrack.com/editor) - Visualize CSV/JSON/TOML/XML/YAML instantly into graphs.\n- [Markmap](https://markmap.js.org/repl) - Visualize markdown as a feature-rich mindmaps.\n- [nomnoml](https://nomnoml.com) - A tool for drawing UML diagrams based on a simple syntax.\n- [Octopus](https://octopus.do) - Lightning-fast visual sitemap builder \u0026 website planner.\n- [Sequence Diagram](https://sequencediagram.org) - An online tool / software for creating UML sequence diagrams.\n\n### Diffing\n\n- [ApiNotes](https://apinotes.io/openapi-diff) - Compare two OpenAPI 3.x \u0026 Swagger 2.0 specifications side by side. Detect breaking changes, added/removed endpoints, and parameter diffs.\n- [Diff Text](https://difftext.com/) - Quickly highlight differences in plain text, code, or JSON files.\n- [JSONDiffPatch](https://benjamine.github.io/jsondiffpatch) - Run a visual or non-visual diff on two JSON blobs.\n\n### File Sharing\n\n- [file.io](https://www.file.io) - Ephemeral file sharing. Convenient, anonymous and secure.\n- [instant.io](https://instant.io) - Instant file transfer/sharing over WebTorrent\n- [pairdrop](https://pairdrop.net) - Instant file transfer over your local network (P2P)\n\n### Generators\n\n- [ByteTools Passphrase Generator](https://bytetools.io/passphrase-generator/) - Generate secure, memorable passphrases with customizable options. 100% client-side processing.\n- [ByteTools QR Generator](https://bytetools.io/qr-generator/) - Generate QR codes including WiFi QR codes. Works offline, no data sent to servers.\n- [ColorForge](https://simplereally.github.io/color-forge/) - Generate color palettes with real-time preview, CSS/SCSS export, and shareable URLs.\n- [CORS Header Generator](https://puredevtools.tools/cors-header-generator/) - Generate CORS headers for your API with visual configuration. 100% client-side, no data sent to server.\n- [CSS Filter Generator](https://puredevtools.tools/css-filter-generator/) - Compose CSS filter effects (blur, brightness, contrast, grayscale) with real-time preview. Runs entirely in browser.\n- [har2sdk](https://har2sdk.vercel.app/) - Paste a browser HAR file and generate a typed TypeScript fetch SDK with semantic method names, resource grouping, and auth detection.\n- [JSONGenerator](https://www.jsongenerator.io) - Create random JSON data\n- [MetaForge](https://simplereally.github.io/meta-forge/) - Preview meta tags for Google, Facebook, and Twitter before publishing.\n- [Mockium](https://softwium.com/mockium/) - Create test data\n- [NGINXConfig](https://www.digitalocean.com/community/tools/nginx) - The easiest way to configure a performant, secure, and stable NGINX server.\n- [PassForge](https://simplereally.github.io/pass-forge/) - Generate secure passwords with customizable options and strength indicators.\n- [Pictera](https://pictera.co) - Generate beautiful Open Graph images with no design skills required.\n- [Sovereign Gradient Forge](https://ryudi84.github.io/sovereign-tools/tools/gradient_forge/) - Create CSS gradients with a visual editor.\n- [Sovereign Hash Forge](https://ryudi84.github.io/sovereign-tools/tools/hash_forge/) - Generate SHA-256, MD5, and other hashes in the browser.\n- [Sovereign Shadow Forge](https://ryudi84.github.io/sovereign-tools/tools/shadow_forge/) - Design CSS box-shadows with a visual builder.\n- [Toolshref ZOD Schema Generator](https://toolshref.com/json-to-zod-schema-generator/) - Generate JSON to TypeScript Zod validation schemas instantly.\n- [UUID Generator](https://freedevtool.org/uuid-generator) - Generate UUID v1, v4, v5, or v7 (RFC 9562) in browser. Bulk generation up to 1,000. Uses Web Crypto CSPRNG.\n\n### Image\n\n- [ASCII Silhouettify](https://meatfighter.com/ascii-silhouettify/spa) - Convert images into ANSI-escaped color ASCII art.\n- [Favic-o-matic](http://www.favicomatic.com/) - Literally generates every favicon neccessary + markup.\n- [JPEG.rocks](https://jpeg.rocks) - Privacy-aware JPEG optimizer\n- [PNG-to-SVG](https://png-to-svg.com) - Free conversion from JPG or PNG images To vectorized SVG.\n- [Squoosh](https://squoosh.app/) - Compress and optimize images in browser\n- [SVG-to-backgroundImage](https://csspro.com/svg-to-background-image-css) - Convert your SVG files into CSS url (data URIs) by encoding it.\n- [SVGOMG](https://jakearchibald.github.io/svgomg/) - Try [SVGO](https://github.com/svg/svgo) (SVG Optimizer) in the browser!\n\n### Performance\n\n- [Perflink](https://perf.link) - JS benchmarks\n\n### Playgrounds\n\n- [codepen](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.\n- [CodeSandbox](https://codesandbox.io/s/new) - Online code editor and sandbox\n- [Ellie](https://ellie-app.com/) - The Elm Live Editor\n- [ES.nextBin](http://esnextb.in/) - Like RequireBin but ES2015\n- [ESM](https://code.esm.sh) - A fast, smart, \u0026 global CDN for modern(es2015+) web development.\n- [JSBin](http://jsbin.com/) - JS/Coffee/Babel/Babel/Live/JSX/HTML/Markdown/Pug/CSS/Stylus/LESS/Sass\n- [JSFiddle](http://jsfiddle.net/) - JS/ES3/Coffee/HTML/CSS/Sass\n- [playcode.io](https://playcode.io/new) - JS/Typescript/Coffee/LiveScript/Babel/CSS/Sass/LESS/Stylus/HTML/Pug\n- [SQLite File Format Viewer](https://sqlite-internal.pages.dev) - Explore SQLite file format internals\n- [SQLite Playground](https://codapi.org/sqlite) - SQLite sandbox\n\n### Presentation\n\n- [Ray.so](https://ray.so) - Create beautiful images of code snippets.\n- [snapify](https://snappify.com/editor) - Snappify enables you to create stunning presentations, with first-class support for code snippets.\n\n### Regex\n\n- [Debuggex](https://www.debuggex.com/) - PCRE/Python/JavaScript regex matching.\n- [ExtendsClass](https://extendsclass.com/regex-tester.html) - PHP/Python/Ruby/JavaScript regex matching.\n- [Regexr](http://www.regexr.com/) - JavaScript regex matching.\n- [Regulex](https://jex.im/regulex) - JavaScript Regular Expression Visualizer.\n\n### Transformation\n\n- [AST Explorer](http://astexplorer.net/) - Parse JS to an explorable AST tree via acorn, babel, babylon, espree, esprima, recast, shift, and typescript.\n- [Babel REPL](https://babeljs.io/en/repl) - The compiler for next generation JavaScript\n- [ByteTools JWT Decoder](https://bytetools.io/jwt-decoder/) - Decode and inspect JSON Web Tokens securely. 100% client-side processing, never sends tokens to servers.\n- [ByteTools URL Encoder](https://bytetools.io/url-encoder/) - Encode and decode URLs safely. Perfect for handling query parameters and API endpoints.\n- [Compiler Explorer](https://godbolt.org) - Run compilers interactively from your web browser and interact with the assembly\n- [CSV to JSON \u0026 JSON to CSV](https://devtoollab.com/tools/csv-json-converter) - Convert between CSV and JSON formats\n- [EpochPilot](https://epochpilot.com) - Convert Unix timestamps, compare timezones, and parse cron expressions. 100% client-side.\n- [fixmyjs](http://goatslacker.github.io/fixmyjs.com/) - Automatically fix your JS, driven by JSHint.\n- [JavaScript Deobfuscator](https://deobfuscate.io) - A simple but powerful deobfuscator to remove common JavaScript obfuscation techniques.\n- [JSON ABC](https://novicelab.org/jsonabc/) - Sorts JSON alphabetically\n- [JSON to XML Converter](https://devtoollab.com/tools/json-to-xml) - Convert JSON data to XML format with proper formatting and structure\n- [JSONFormatOnline](https://jsonformatonline.com) - Format, validate and convert JSON locally in the browser, no data sent to servers.\n- [Markdown to HTML](https://markdowntohtml.com) - Paste or type your markdown and see it rendered as HTML. Download or copy the resulting HTML.\n- [Markdown Tools](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.\n- [Sovereign Base64 Forge](https://ryudi84.github.io/sovereign-tools/tools/base64_forge/) - Encode and decode Base64 strings instantly in the browser.\n- [Sucrase](https://sucrase.io) - Super-fast Babel alternative\n- [SWC](https://swc.rs/playground) - compile JS/TS files using modern JS features and outputs valid code that is supported by all major browsers.\n- [Terser](https://try.terser.org/) - JavaScript parser, mangler and compressor toolkit for ES6+\n- [TypeScriptToLua](https://typescripttolua.github.io) - TypeScript to Lua\n- [Web2Img](https://etherdream.com/web2img) - A tool to bundle your web files into a single image, and extract them via Service Worker at runtime.\n- [WebAssembly Explorer](https://mbebenita.github.io/WasmExplorer/) - translate C/C++ to WebAssembly, and then see the machine code generated by the browser.\n\n## Resources\n\n### APIs\n\n- [API Status Check](https://www.apistatuscheck.com) - Real-time status monitoring for 540+ APIs and services including AWS, Stripe, GitHub, and OpenAI.\n- [JSONPlaceholder](https://jsonplaceholder.typicode.com) - Free fake API for testing and prototyping.\n- [Zippopotamus](http://zippopotam.us/) - Zipcode to Geo\n\n### Browser Information\n\n- [What's My Browser?](http://www.whatsmybrowser.org/) - Detailed, shareable information about your web browser.\n\n### CDN\n\n- [JSDelivr](https://www.jsdelivr.com) - A free CDN for open source projects.\n- [Skypack](https://www.skypack.dev) - Load optimized npm packages with no install and no build tools.\n- [unpkg](https://www.unpkg.com) - Fast, global content delivery network for everything on npm.\n\n### Cheat Sheets\n\n- [OWASP Cheat Sheet Series](https://cheatsheetseries.owasp.org) - A concise collection of high value information on specific application security topics.\n\n### CSS Inliners\n\n- [Campaign Monitor](https://www.campaignmonitor.com/resources/tools/css-inliner) - Inline your CSS for HTML email.\n- [MailChimp](http://templates.mailchimp.com/resources/inline-css) - Inline CSS styles for HTML email templates.\n\n### Documentation\n\n- [DevDocs](http://devdocs.io/) - Basically [Dash](https://kapeli.com/dash) but a web application and FREE.\n- [ECMAScript Proposal Stages](https://www.proposals.es/stages) - Track TC39 ECMAScript proposals by stage.\n- [ExplainShell](https://explainshell.com/explain?cmd=ls+-lisah) - A better way to read MAN pages.\n\n### Glyphs \u0026 Icons\n\n- [Copy/Paste Character](http://copypastecharacter.com) - Copy \u0026 Paste emojis and unicode symbols\n- [CSS Icons](https://cssicon.space) - Copy \u0026 Paste icons in CSS + transition animations!\n- [Entity Lookup](http://entity-lookup.leftlogic.com) - Enter any character(s) and find its corresponding HTML entity code.\n- [heroicons](https://heroicons.com) - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.\n- [Icon Finder](https://www.iconfinder.com) - Millions of graphics for your design projects. Created by independent designers.\n- [Icon Monstr](http://iconmonstr.com) - Discover 4000+ free icons in 300+ collections.\n- [Icônes](https://icones.js.org/collection/all) - Over 150,000 open source vector icons.\n- [Tabler Icons](https://tablericons.com) - 4000+ Open source free SVG icons. Highly customizable. No attribution required. For commercial use.\n\n### Validation \u0026 Parsers\n\n- [Ada URL Parser](https://playground.ada-url.com/?url=torrent://blog/post/1?source|rest=rss) - WHATWG-compliant and fast URL parser written in modern C++, online.\n- [CSP Evaluator](https://csp-evaluator.withgoogle.com) - Evaluate CSP rules\n- [numverify](https://numverify.com/) - Validate phone numbers from over 200 countries.\n- [OpenAPI Validator](https://apinotes.io/openapi-validator) - Validate OpenAPI 3.1, 3.0 \u0026 Swagger 2.0 specifications. Paste JSON/YAML, upload files, or fetch from URL.\n- [Pythonium](https://pythonium.net/linter) - Validate Python code.\n- [YAML Validator](https://puredevtools.tools/yaml-validator/) - Validate YAML syntax with error line numbers, format with custom indentation, and convert to JSON. Client-side processing.\n\n## Security\n\n### SSL\n\n- [Mozilla SSL Configuration Generator](https://ssl-config.mozilla.org) - SSL configuration generator for various server software and platforms.\n- [Self-Signed Certificate Generator](http://selfsignedcertificate.com/) - A self-signed certificate generator.\n\n### Test\n\n- [HSTS Preload](https://hstspreload.org) - Check HSTS preload status and elibility.\n- [Mozilla Observatory](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.\n- [Security Headers by Probely](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.\n- [Web Check](https://web-check.xyz) - All-in-one OSINT tool for analysing any website.\n\n## License\n\n[![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](http://creativecommons.org/publicdomain/zero/1.0/)\n","projects_url":"https://awesome.ecosyste.ms/api/v1/lists/moimikey%2Fawesome-devtools/projects"}