Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

awesome-devtools

🤖 A curated list of in-browser bookmarklets, tools, and resources for modern full-stack software engineers.
https://github.com/moimikey/awesome-devtools

Last synced: about 22 hours ago
JSON representation

  • Bookmarklets

    • DOM Monster - A cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on.
    • Make Bookmarklets - Online tool to turn JavaScript into a bookmarklet.
    • Ramda - Add Ramda to any page!
    • Viewport Resizer - A browser-based tool to test any website's responsiveness.
    • artoo.js - Client-side scraping utility for the currently loaded uri.
    • Rulers Guides - A JavaScript library which enables Photoshop-like rulers and guides interface on a web page.
    • DOM Monster - A cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you're on.
    • 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.
    • Related Repos - Quickly view alternative repositories while browsing on GitHub. Results are updated daily.
    • Make Bookmarklets - Online tool to turn JavaScript into a bookmarklet.

  • Notable Mentions

  • Resources

    • APIs

    • Browser Information

    • CDN

      • unpkg - Fast, global content delivery network for everything on npm.
      • JSDelivr - A free CDN for open source projects.
      • Skypack - Load optimized npm packages with no install and no build tools.
      • unpkg - Fast, global content delivery network for everything on npm.

    • Cheat Sheets

    • CSS Inliners

    • Documentation

    • Easings & Animations

    • Glyphs & Icons

      • Entity Lookup - Enter any character(s) and find its corresponding HTML entity code.
      • heroicons - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
      • Icônes - Over 150,000 open source vector icons.
      • Tabler Icons - 4000+ Open source free SVG icons. Highly customizable. No attribution required. For commercial use.
      • Icon Finder - Millions of graphics for your design projects. Created by independent designers.
      • Tabler Icons - 4000+ Open source free SVG icons. Highly customizable. No attribution required. For commercial use.
      • Copy/Paste Character - Copy & Paste emojis and unicode symbols
      • CSS Icons - Copy & Paste icons in CSS + transition animations!
      • Entity Lookup - Enter any character(s) and find its corresponding HTML entity code.

    • Proxy as a Service

      • CORS Anywhere - Proxies any HTTP request through a CORS enabled environment.

    • Responsiveness

    • Validation & Parsers

      • numverify - Validate phone numbers from over 200 countries.
      • CSP Evaluator - Evaluate CSP rules
      • Ada URL Parser - WHATWG-compliant and fast URL parser written in modern C++, online.
      • Pythonium - Validate Python code.
      • OpenAPI Validator - Validate OpenAPI 3.1, 3.0 & Swagger 2.0 specifications. Paste JSON/YAML, upload files, or fetch from URL.
      • YAML Validator - Validate YAML syntax with error line numbers, format with custom indentation, and convert to JSON. Client-side processing.
      • Ada URL Parser - WHATWG-compliant and fast URL parser written in modern C++, online.

  • Security

  • The Outside World

  • Tools

    • Copy/Paste Scripts & Styles

    • Debugging & Development

      • 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.
      • endpoints.dev - View realtime HTTP requests using a endpoints.dev generated URL.
      • Hook.io - Instantly deploy microservices in over 11+ languages (OSS!)
      • jsonbin - Custom, mock JSON API
      • Reqbin - REST & SOAP API Online Testing Tool

    • Deobfuscation & Transformation

      • JavaScript Deobfuscator - A simple but powerful deobfuscator to remove common JavaScript obfuscation techniques.
      • Markdown to HTML - Paste or type your markdown and see it rendered as HTML. Download or copy the resulting HTML.
      • Markdown Tools - Tools to convert Markdown to/from a number of formats. E.g. Html to Markdown, or a CSV to a Markdown table.

    • Diagramming & Scratch

      • dot-to-ascii - Graphviz to ASCII converter using Graph::Easy.
      • JSON-to-Chart - Create beautiful charts from JSON data in your browser.
      • nomnoml - A tool for drawing UML diagrams based on a simple syntax.
      • Sequence Diagram - An online tool / software for creating UML sequence diagrams.

    • Diffing

      • JSONDiffPatch - Run a visual or non-visual diff on two JSON blobs.

    • File Sharing

      • file.io - Ephemeral file sharing. Convenient, anonymous and secure.
      • instant.io - Instant file transfer/sharing over WebTorrent

    • Generators

      • JSONGenerator - Create random JSON data
      • Readme - All in one tool to quickly generate a readme for your project or github profile.

    • Image

      • Favic-o-matic - Literally generates every favicon neccessary + markup.
      • JPEG.rocks - Privacy-aware JPEG optimizer
      • PicPerf - Boost web performance with image optimization. Analyze and improve `<img>` tags, `<style>` tags, and inline CSS.
      • PNG-to-SVG - Free conversion from JPG or PNG images To vectorized SVG.

    • Performance

    • Playgrounds

      • ES.nextBin - Like RequireBin but ES2015
      • ESM - A fast, smart, & global CDN for modern(es2015+) web development.
      • playcode.io - JS/Typescript/Coffee/LiveScript/Babel/CSS/Sass/LESS/Stylus/HTML/Pug

    • Regex

    • Transformation

      • Babel REPL - The compiler for next generation JavaScript
      • Sassmeister - Sass/Scss <-> CSS
      • Sucrase - Super-fast Babel alternative
      • Web2Img - A tool to bundle your web files into a single image, and extract them via Service Worker at runtime.

  • Web-based Services

    • Copy/Paste Scripts &amp; Styles

    • File Sharing

      • pairdrop - Instant file transfer over your local network (P2P)
      • file.io - Ephemeral file sharing. Convenient, anonymous and secure.
      • instant.io - Instant file transfer/sharing over WebTorrent
      • pairdrop - Instant file transfer over your local network (P2P)

    • Performance

    • Playgrounds

      • CodeSandbox - Online code editor and sandbox
      • Ellie - The Elm Live Editor
      • JSBin - JS/Coffee/Babel/Babel/Live/JSX/HTML/Markdown/Pug/CSS/Stylus/LESS/Sass
      • codepen - 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.
      • playcode.io - JS/Typescript/Coffee/LiveScript/Babel/CSS/Sass/LESS/Stylus/HTML/Pug
      • SQLite Playground - SQLite sandbox
      • SQLite File Format Viewer - Explore SQLite file format internals
      • ES.nextBin - Like RequireBin but ES2015
      • ESM - A fast, smart, & global CDN for modern(es2015+) web development.
      • JSFiddle - JS/ES3/Coffee/HTML/CSS/Sass
      • SQLite Playground - SQLite sandbox
      • SQLite File Format Viewer - Explore SQLite file format internals

    • Presentation

      • Pure CSS Apple - Pure CSS Apple devices with scrollable media
      • snapify - Snappify enables you to create stunning presentations, with first-class support for code snippets.
      • Ray.so - Create beautiful images of code snippets.

    • Regex

      • Debuggex - PCRE/Python/JavaScript regex matching.
      • ExtendsClass - PHP/Python/Ruby/JavaScript regex matching.
      • ByteTools Regex Test - Free regex test tool with real-time matching, examples, and mobile optimization.
      • Sovereign Regex Lab - Test and debug regular expressions with real-time matching. Free, no signup required.
      • RegExplained - JavaScript regex matching.

    • Transformation

      • JSNice - Statistical renaming, type inference and deobfuscation.
      • JSON ABC - Sorts JSON alphabetically
      • SWC - compile JS/TS files using modern JS features and outputs valid code that is supported by all major browsers.
      • Terser - JavaScript parser, mangler and compressor toolkit for ES6+
      • Sassmeister - Sass/Scss <-> CSS
      • ByteTools JWT Decoder - Decode and inspect JSON Web Tokens securely. 100% client-side processing, never sends tokens to servers.
      • ByteTools URL Encoder - Encode and decode URLs safely. Perfect for handling query parameters and API endpoints.
      • fixmyjs - Automatically fix your JS, driven by JSHint.
      • JSON Formatter & Validator - Format, validate and beautify JSON data
      • JSON to XML Converter - Convert JSON data to XML format with proper formatting and structure
      • CSV to JSON & JSON to CSV - Convert between CSV and JSON formats
      • WebAssembly Explorer - translate C/C++ to WebAssembly, and then see the machine code generated by the browser.
      • fixmyjs - Automatically fix your JS, driven by JSHint.
      • JSONFormatOnline - Format, validate and convert JSON locally in the browser, no data sent to servers.
      • Sovereign Base64 Forge - Encode and decode Base64 strings instantly in the browser. Free, no signup required.
      • Sovereign JSON Toolkit - Format, validate, and beautify JSON with syntax highlighting. Free, no signup required.
      • Sovereign JWT Forge - Decode and inspect JSON Web Tokens in the browser. Free, no signup required.
      • Sovereign Timestamp Forge - Convert Unix timestamps to human-readable dates and vice versa. Free, no signup required.
      • ToolSparkr Base64 Encoder - Encode and decode Base64 strings with URL-safe option and file support. 100% client-side.
      • ToolSparkr JSON Formatter - Validate, format and beautify JSON data with error line reporting. Runs entirely in browser.
      • ToolSparkr URL Encoder - Encode and decode URLs with parameter parsing table. 100% client-side, no data sent to servers.
      • ToolsHref Mermaid Transfomration tool - Online JSON-to-Mermaid visualization tool.
      • EpochPilot - Convert Unix timestamps, compare timezones, and parse cron expressions. 100% client-side.
      • Babel REPL - The compiler for next generation JavaScript
      • Compiler Explorer - Run compilers interactively from your web browser and interact with the assembly
      • EpochPilot - Convert Unix timestamps, compare timezones, and parse cron expressions. 100% client-side.
      • JavaScript Deobfuscator - A simple but powerful deobfuscator to remove common JavaScript obfuscation techniques.
      • JSONFormatOnline - Format, validate and convert JSON locally in the browser, no data sent to servers.
      • Markdown to HTML - Paste or type your markdown and see it rendered as HTML. Download or copy the resulting HTML.
      • Markdown Tools - Tools to convert Markdown to/from a number of formats. E.g. Html to Markdown, or a CSV to a Markdown table.
      • Sucrase - Super-fast Babel alternative
      • Web2Img - A tool to bundle your web files into a single image, and extract them via Service Worker at runtime.

  • Web-based Tools

    • Debug JavaScript

      • Babel Time Travel - Travel in time as babel transpiles.
      • DebugJS - Debug your JavaScript in the browser (lol?)
      • httpbin - HTTP Request & Response service.
      • Loupe - Similar in goal to SlowmoJS, a JavaScript call stack visualizer.
      • JSONBIN.io - Custom, mock JSON API
      • SlowmoJS - Execute JavaScript in slow motion.
      • DebugJS - Debug your JavaScript in the browser (lol?)
      • Loupe - Similar in goal to SlowmoJS, a JavaScript call stack visualizer.
      • SlowmoJS - Execute JavaScript in slow motion.
      • endpoints.dev - View realtime HTTP requests using a endpoints.dev generated URL.
      • JavaScript Visualizer 9000 - Loupe-inspired JavaScript execution visualizer

    • Diagramming &amp; Scratch

      • dbdiagram - Draw Entity-Relationship Diagrams, Painlessly.
      • JSONCrack - Visualize CSV/JSON/TOML/XML/YAML instantly into graphs.
      • Markmap - Visualize markdown as a feature-rich mindmaps.
      • JSON-to-Chart - Create beautiful charts from JSON data in your browser.
      • asciiflow - ASCIIFlow is a client-side only web based application for drawing ASCII diagrams.
      • dot-to-ascii - Graphviz to ASCII converter using Graph::Easy.
      • Excalidraw - Virtual whiteboard.

    • Diffing

      • JSONDiffPatch - Run a visual or non-visual diff on two JSON blobs.
      • Diff Text - Quickly highlight differences in plain text, code, or JSON files.
      • ApiNotes - Compare two OpenAPI 3.x & Swagger 2.0 specifications side by side. Detect breaking changes, added/removed endpoints, and parameter diffs.
      • JSONDiffPatch - Run a visual or non-visual diff on two JSON blobs.

    • Document &amp; Editors

      • README.so - A simple editor to quickly add and customize all the sections you need for your project's readme.

    • Generators

      • NGINXConfig - The easiest way to configure a performant, secure, and stable NGINX server.
      • ByteTools Passphrase Generator - Generate secure, memorable passphrases with customizable options. 100% client-side processing.
      • ByteTools QR Generator - Generate QR codes including WiFi QR codes. Works offline, no data sent to servers.
      • Mockium - Create test data
      • ColorForge - Generate color palettes with real-time preview, CSS/SCSS export, and shareable URLs. No signup required.
      • CronForge - Visual cron expression builder with human-readable descriptions and validation. No signup required.
      • InvoiceForge - Generate professional invoices with PDF export. No signup required.
      • MetaForge - Preview meta tags for Google, Facebook, and Twitter before publishing. No signup required.
      • PassForge - Generate secure passwords with customizable options and strength indicators. No signup required.
      • QRForge - Generate QR codes with customizable colors and sizes. No signup required.
      • CORS Header Generator - Generate CORS headers for your API with visual configuration. 100% client-side, no data sent to server.
      • CSS Filter Generator - Compose CSS filter effects (blur, brightness, contrast, grayscale) with real-time preview. Runs entirely in browser.
      • Sovereign Color Forge - Generate and explore color palettes with CSS export. Free, no signup required.
Programming Languages
JavaScript 5 HTML 2 TypeScript 1 WebAssembly 1
Categories
Web-based Services 66 Web-based Tools 56 Resources 35 Tools 31 Bookmarklets 11 Security 8 Notable Mentions 6 The Outside World 6 License 1
Sub Categories
Transformation 36 Generators 27 Playgrounds 15 Diagramming &amp; Scratch 11 Test 11 Debug JavaScript 11 Image 10 Glyphs &amp; Icons 9 Copy/Paste Scripts &amp; Styles 8 Swag 7 Validation &amp; Parsers 7 File Sharing 6 Regex 6 Debugging &amp; Development 5 Diffing 5 Performance 4 CSS Inliners 4 CDN 4 APIs 3 Presentation 3 Deobfuscation &amp; Transformation 3 SSL 3 Postman Alternatives 2 Documentation 2 Cheat Sheets 2 Browser Information 1 Proxy as a Service 1 Easings & Animations 1 Document &amp; Editors 1 Responsiveness 1
Keywords
text-diff 1 patch 1 jsondiffpatch 1 json 1 diffing 1 diff 1 delta 1 scraping 1