Ultimate Collection of Web Development Tools

api's

Public Apis

Directory of free public APIs collection

JSON Placeholder

Free to use fake Online REST API for testing and prototyping

automation

Zapier

Connect your apps and automate workflows

chatbot

Crisp.chat

The all-in-one multichannel messaging platform that connects companies & customers.

Tawk.to

Monitor and chat with the visitors on your website.

code

This vs That

The difference between frontend terms

Htmldom

Manage HTML DOM with vanilla JavaScript

CodeKeep

A Better Way to Organize , Share & Discover Snippets

Termius

Termius is the SSH client that works on Desktop and Mobile

css

CSS Layout

collection of popular layouts and patterns made with CSS

Neumorphism

Generate Soft-UI CSS code

Css separator

Generate Css separator

Css generator

Css Code generator

Ultimate CSS Generator

The Ultimate CSS Generators

Css Gradient Generator

Free css gradient generator tool

Css Grid

Learn the CSS Grid

Cssreference.io

A free visual guide to CSS

UnusedCSS - Clean Your CSS

Easily Find And Remove Unused CSS Rules

PurifyCSS Online

Remove unused CSS code from your stylesheets

design

Mockuper

The free mockups generator

Coolors

color schemes generator

email

Mailerlite

Take email marketing beyond the inbox with advanced tools made easy.

Mailtrap

Capture SMTP traffic from staging and dev environments.

Improvmx

Create free email aliases for your domain name.

generators

Lorem Ipsum

Lorem Ipsum generator

RealFaviconGenerator

Favicon generator

illustrations

unDraw

Browse to find the images that fit your needs and click to download

Drawkit

Beautiful, free illustrations

images and video

Caesium

Compress your pictures up to 90% without visible quality loss

Screenshot

Create beautiful mobile & browser screenshots in seconds

Compressor

Fast & efficient image compression

Tinypng

Smart PNG and JPEG compression

Extract Pics

EXTRACT IMAGES From any public website by using a virtual browser

Undesign

Collection of free design tools and resources for makers, developers and designers

Whatfontis

Find any font from any image

Squoosh

Ultimate image optimizer

Carbon

Create and share beautiful images of your source code.

javascript

Keycode

Press any key to get the javascript event keycode

Repair JSON

Repair JSON

learning

HTTP-headers

learn about HTTP headers in a really cool and interactive way

optimization

HTML Validator by W3C

Check if your HTML markup is valid and contains no errors. Official W3C tool.

CSS Validator by W3C

Check if your CSS code is valid and contains no errors. Official W3C tool.

BundlePhobia

find the cost of adding a npm package to your bundle.

seo

Woorank

Get a review of your website to address issues and identify opportunities to get ahead of competition.

Slugify

Smart, fast and easy to use online tool built to generate search engine friendly and user friendly URL slugs

Meta Tags

Meta Tags generator, preview how your webpage will look on Google, Facebook, Twitter, and more!

Headline Analyzer

Free Headline Analyzer

SEOptimer

SEO Audit & Reporting Tool

FREE SEO Tools

Collection of free SEO

Sitechecker

Collection of free SEO

Geekflare Tools

SEO ToolBox

tools

REGEX101

Regular expression tester with syntax highlighting, explanation

iHateRegex

The Regex Cheat Sheet

JSON Editor Online

JSON Editor Online is a web-based tool to view, edit, format, transform, and diff JSON documents.

JSON Diff

The semantic JSON compare tool

Diagrams

Diagrams.net is free online diagram software for making flowcharts, process diagrams, org charts, UML, ER and network diagrams

Cloudcraft

Visualize your cloud architecture like a pro, Create smart AWS diagrams

Ray.so

Turn your code into beautiful images.

DNS Propagation Checker

Instantly perform a DNS lookup to check a domain name's current IP address and DNS record information against multiple nameservers located in different parts of the world.

Web Tools Directory

Effective (Free) Tools to Help You Manage and Improve Your Website