200 Web-Based, Must-Try Web Design and Development Tools

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • trackawesomelist

    Track 500+ Awesome List Updates, Track it - not just star it!

  • One is Frontend Dogma’s list of web-based development tools (by tag). Yes, disclosure, that’s a collection I maintain, and it’s not the only one of its kind—there is Tiny Helpers, run by Stefan Judis, and there are others, certainly including some “Awesome Lists,” buried under hyped one-off posts of fractions of the value.

  • JSLint

    JSLint, The JavaScript Code Quality and Coverage Tool

  • JavaScript Linter

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • SVGcode

    Convert color bitmap images to color SVG vector images.

  • Raster Image to SVG Converter

  • jpg-glitch

    glitch images with jpg encoding

  • JPEG Distorter

  • http-observatory

    Mozilla HTTP Observatory

  • Website Headers Analyzer (Mozilla)

  • color-thief

    Grab the color palette from an image using just Javascript. Works in the browser and in Node.

  • Color Extractor and Generator

  • svgomg

    Web GUI for SVGO

  • SVG Optimizer

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • pev2

    Postgres Explain Visualizer 2

  • PostgreSQL Query Plan Analyzer and Visualizer

  • carbon

    :black_heart: Create and share beautiful images of your source code

  • Code Screenshot Generator

  • caninclude

    CAN I INCLUDE one TAG to ANOTHER? WHAT IS A QUESTION! Yorik (c) :)

  • HTML Nesting Checker

  • bundlejs

    An online tool to quickly bundle & minify your projects, while viewing the compressed bundle size, all running locally on your browser. A quick and easy way to bundle, minify, and compress (gzip and brotli) your ts, js, jsx and npm projects all online, with the bundle file size.

  • Package Size Checker

  • astexplorer

    A web tool to explore the ASTs generated by various parsers.

  • AST Viewer

  • AmIUnique

    Learn how identifiable you are on the Internet

  • Browser Fingerprint Checker

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts