New tools, and fresh HTML, CSS, and JavaScript tricks — get it all by subscribing to Web Weekly! 💌
Follow on Twitter Follow RSS Add helper
  • 40
  • Color
    68
  • Command line
    9
  • CSS
    129
  • Data transformation
    13
  • Database
    5
  • Email
    12
  • Favicons
    8
  • Fonts
    32
  • Forms
    1
  • Generated Data
    5
  • git
    1
  • GraphQL
    1
  • 17
  • 10
  • Icons
    41
  • Illustration
    8
  • Images
    62
  • JavaScript
    36
  • 18
  • 1
  • Markdown
    8
  • 97
  • Network
    7
  • npm
    11
  • PDF
    7
  • Performance
    27
  • PHP
    2
  • PWA
    2
  • Regular Expressions
    13
  • 1
  • Security
    22
  • SEO
    9
  • Site analyzers
    12
  • SVG
    67
  • System Administration
    9
  • Tool Collections
    6
  • TypeScript
    5
  • Typography
    7
  • Unicode
    12
  • URL
    2
  • Videos
    4
  • 2

    • Brought to you by Stefan Judis

    (Website, Twitter, GitHub)

    and 212 lovely people:

    Tools for tag "JavaScript"

    Sort by name Sort by date
    1. Screenshot of 1-loc.dev

      1-loc.dev

      Find single-line of code JavaScript Utilities

      Added Jun 2020
      Go to 1-loc.dev
    2. Screenshot of Alchemize

      Alchemize

      Minify, pretty print & view code or JSON snippets.

      Added Feb 2020

      Made by

      • GitHub profile image of ashkyd
      Go to Alchemize
    3. Screenshot of Array Builder

      Array Builder

      Visualise JS array operations

      Added May 2022

      Made by

      • GitHub profile image of 318097
      Go to Array Builder
    4. Screenshot of AST explorer

      AST explorer

      Explore the ASTs generated by various parsers

      Added Dec 2019

      Made by

      • GitHub profile image of fkling
      Go to AST explorer
    5. Screenshot of Bundle Scanner

      Bundle Scanner

      Identify NPM libraries included in Javascript files.

      Added Oct 2021

      Made by

      • GitHub profile image of markusenglund
      Go to Bundle Scanner
    6. Screenshot of bundlejs

      bundlejs

      Analyze JavaScript packages.

      Added Jul 2022

      Made by

      • GitHub profile image of okikio
      Go to bundlejs
    7. Screenshot of Bundlephobia

      Bundlephobia

      Find the cost of adding a npm package to your bundle

      Added Feb 2020

      Made by

      • GitHub profile image of pastelsky
      Go to Bundlephobia
    8. Screenshot of Can I Use

      Can I Use

      Quickly look up browser support for modern web technologies

      Added Jan 2020

      Made by

      • GitHub profile image of Fyrd
      Go to Can I Use
    9. Screenshot of Code Generator for HTTP Requests

      Code Generator for HTTP Requests

      Generate "ready to run" code snippets for making HTTP requests with Google Apps Script, JavaScript, Node.js and cURL commands.

      Added Jul 2021

      Made by

      • GitHub profile image of labnol
      Go to Code Generator for HTTP Requests
    10. Screenshot of Create App

      Create App

      Create configuration files for your frontend project.

      Added Feb 2021
      Go to Create App
    11. Screenshot of CSS2JS

      CSS2JS

      Transform between CSS, JS Objects and React props.

      Added May 2020

      Made by

      • GitHub profile image of SaraVieira
      • GitHub profile image of nimobeeren
      Go to CSS2JS
    12. Screenshot of Does it mutate?

      Does it mutate?

      Get a comprehensive list of JavaScript array methods describing whether a given method mutates the original array or not.

      Added Mar 2020

      Made by

      • GitHub profile image of remy
      Go to Does it mutate?
    13. Screenshot of ESBench

      ESBench

      Create shareable JavaScript benchmarks

      Added Apr 2020
      Go to ESBench
    14. Screenshot of GradeJS

      GradeJS

      Analyze production Webpack bundles and see vulnerabilities, outdated packages, and more just by entering a web application URL.

      Added Aug 2022

      Made by

      • GitHub profile image of spalt08
      Go to GradeJS
    15. Screenshot of Javascript Obfuscator

      Javascript Obfuscator

      Convert vanilla JS to obfuscated one, making it hard to copy, modify, understand or reuse (for others).

      Added Jul 2022

      Made by

      • GitHub profile image of javascript-obfuscator
      Go to Javascript Obfuscator
    16. Screenshot of Key codes

      Key codes

      Get key codes for keyboard events in JavaScript

      Added Jan 2020

      Made by

      • GitHub profile image of wesbos
      Go to Key codes
    17. Screenshot of key.js

      key.js

      Press any key to get the JavaScript keydown event key, code, which and keyCode properties

      Added Jun 2022

      Made by

      • GitHub profile image of danziger
      Go to key.js
    18. Screenshot of My User Agent Client Hints

      My User Agent Client Hints

      Find out what user agent client hints your browser sends.

      Added Oct 2021
      Go to My User Agent Client Hints
    19. Screenshot of npmgraph

      npmgraph

      Explore and inspect and npm package's dependencies.

      Added Aug 2023
      Go to npmgraph
    20. Screenshot of npmpackage.info

      npmpackage.info

      Access npm package information such as downalods, GitHub activity or bundlesize.

      Added Nov 2024
      Go to npmpackage.info
    21. Screenshot of npmview

      npmview

      View npm package files

      Added Feb 2020

      Made by

      • GitHub profile image of pd4d10
      Go to npmview
    22. Screenshot of Operator Lookup

      Operator Lookup

      Learn more about JavaScript operators

      Added Nov 2020

      Made by

      • GitHub profile image of joshwcomeau
      Go to Operator Lookup
    23. Screenshot of Package Diff

      Package Diff

      Display a diff between two versions of the same npm package

      Added Sep 2020
      Go to Package Diff
    24. Screenshot of pkg-size

      pkg-size

      Find the true size of an npm package.

      Added Jul 2023

      Made by

      • GitHub profile image of privatenumber
      Go to pkg-size
    25. Screenshot of publint

      publint

      Lint npm packages for packaging errors.

      Added Aug 2023

      Made by

      • GitHub profile image of bluwy
      Go to publint
    26. Screenshot of React-spring visualizer

      React-spring visualizer

      Tweak your spring animation configuration

      Added Feb 2020

      Made by

      • GitHub profile image of JoostKiens
      Go to React-spring visualizer
    27. Screenshot of RunJS

      RunJS

      Write and run code with instant feedback.

      Added Jul 2024
      Go to RunJS
    28. Screenshot of slice/substring/substr comparison

      slice/substring/substr comparison

      Select part of text and get example call from 3 different string manipulation methods.

      Added Jun 2020

      Made by

      • GitHub profile image of remy
      Go to slice/substring/substr comparison
    29. Screenshot of Style Object to Custom Properties Converter

      Style Object to Custom Properties Converter

      Convert a JavaScript Style Object to CSS Custom Properties (CSS Variables)

      Added Jul 2021

      Made by

      • GitHub profile image of bramus
      Go to Style Object to Custom Properties Converter
    30. Screenshot of SVG 2 JSX

      SVG 2 JSX

      Transform SVG into valid JSX

      Added Mar 2020

      Made by

      • GitHub profile image of balajmarius
      Go to SVG 2 JSX
    31. Screenshot of SVGR

      SVGR

      Transform SVGs into React components.

      Added Mar 2021

      Made by

      • GitHub profile image of gregberge
      Go to SVGR
    32. Screenshot of Testing Playground

      Testing Playground

      Playground for Testing-Library

      Added May 2020

      Made by

      • GitHub profile image of smeijer
      Go to Testing Playground
    33. Screenshot of tooling.report

      tooling.report

      Determine the best build tool for your next web project

      Added Jul 2020
      Go to tooling.report
    34. Screenshot of Underdash

      Underdash

      Collection of JS snippets for Array and Iterator manipulation

      Added Feb 2020

      Made by

      • GitHub profile image of surma
      Go to Underdash
    35. Screenshot of vue-jest-TDD-template

      vue-jest-TDD-template

      Create a test file template for your Vue components

      Added Apr 2020

      Made by

      • GitHub profile image of metamoni
      Go to vue-jest-TDD-template
    36. Screenshot of Worth It

      Worth It

      Determine how much less JavaScript is downloaded using module/nomodule

      Added Mar 2020

      Made by

      • GitHub profile image of developit
      Go to Worth It