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.

Design

Mockuper

The free mockups generator

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

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

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

API's

Public Apis

Directory of free public APIs collection

JSON Placeholder

Free to use fake Online REST API for testing and prototyping

ILLUSTRATIONS

unDraw

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

Drawkit

Beautiful, free illustrations

GENERATORS

Lorem Ipsum

Lorem Ipsum generator

RealFaviconGenerator

Favicon generator

Learning

HTTP-headers

learn about HTTP headers in a really cool and interactive way

Javascript

Keycode

Press any key to get the javascript event keycode

Code

This vs That

The difference between frontend terms

Htmldom

Manage HTML DOM with vanilla JavaScript

Automation

Zapier

Connect your apps and automate workflows

Email Marketing

Mailerlite

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

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.