Web Applications (Wapps.ir)

A collection of free single-purpose online tools for web developers and others ...

Email me some useful tools. info [at] smhtb.ir


The Hero Generator

Hero Generator! Create a nice hero image for your site or app

Start Here
Color Picker

jscolor is a web color picker component that aims to be super easy both for developers to install and for the end users to use.

Start Here
Hex Color Blender

This tool blends two hex colors by giving specified number of intermediates between them

Start Here
Image Editor

Photo tool for your favorite pictures. Edit an image here fast and easy online.

Start Here
Background Pattern

Repeated Background Patterns

Start Here
Calculator

Start Here
Subtitle Synchronization

Start Here
Conversion

Start Here
Owghat

Start Here
Regex101

Online regex tester, debugger with highlighting for PHP, PCRE, Python, Golang and JavaScript.

Start Here
Keyword Offer

Start Here
SVG Editor

Start Here
Password Generator

Start Here
Hash

Start Here
IDMEF and IODEF

Intrusion Detection Message Exchange Format (IDMEF) and Incident Object Description Exchange Format (IODEF)

Start Here
Crontab

Create and understand cron time fields

Start Here
HTTProfile

Profile HTTP servers and endpoints

Start Here
JSON Generator

Generate random JSON data based on a simple template

Start Here
Json Web Token (jwt.io) Debugger

Debug, Validate Json Web tokens (jwt)

Start Here
Mocky

Mock your HTTP responses to test your REST API

Start Here
Postwoman

Create and make requests faster and save time on your development

Start Here
Pretty-Print JSON

Format JSON quickly

Start Here
Webhook.site

Test webhooks in realtime

Start Here
JSON Viewer

Convert JSON Strings to a Friendly Readable Format. The application using Ext JS.

Start Here
JSON Editor Online

Web-based tool to view, edit, and format JSON. It shows your data side by side in a clear, editable treeview or a code editor.

Start Here
JSON Formatter

JSON Formatter and JSON Validator help to format and validate your JSON data. It also provides a tree view that helps to navigate your formatted JSON data.

Start Here
Accessible Brand Colors

Evaluate the ADA compliance of your brand's color palette.

Start Here
Color.review

Check your color contrast

Start Here
Contrast Checker

Check your color palette for accessible combinations

Start Here
Contrast ratio

Computes the contrast ratio between 2 colors

Start Here
Eightshapes Contrast Grid

Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.

Start Here
SVG Icon a11y Fixer

Fix accessibility issues in SVG images exported from tools like Adobe Illustrator

Start Here
tanaguru contrast finder

Find good contrasts between two colors

Start Here
WhoCanUse

Check you color contrast ratio

Start Here
cubic-bezier

Create and compare different animation bezier settings

Start Here
Easings

Preview and copy CSS easing curves

Start Here
Clippy

Create CSS clip paths

Start Here
CSS Cursors

Have a look at all these CSS Cursors

Start Here
CSS Grid Generator

Define and generate code for CSS Grid layouts

Start Here
CSS Scroll Shadows

Create CSS scroll shadows

Start Here
CSS Stats

Analyze and visualize your stylesheets

Start Here
CSS Triangle Generator

Create CSS-only triangles

Start Here
CSS Triggers

Get information on what CSS properties trigger layout, paint or composite

Start Here
extractCSS

Extract CSS from HTML with ease

Start Here
Fancy-Border-Radius

Build organic shapes with CSS border-radius

Start Here
Flexy Boxes

Play with flexbox and generate code

Start Here
Shadow Elevation Editor

Create and edit a shadow based elevation array for your design system

Start Here
Shadows

Create smooth CSS shadows

Start Here
Shapy

Discover and explore the power of CSS gradients

Start Here
Tailwind CSS Cheat Sheet

Quick search through Tailwind classes and styles

Start Here
type-scale

Calculate your type scale visually

Start Here
3D Book Image CSS Generator

Generate an animated 3D image from a book cover and export to HTML/CSS to embed on your website

Start Here
AST explorer

Explore the ASTs generated by various parsers

Start Here
BA Rows To Columns

Transform rows to columns and viceversa

Start Here
carbon

Create and share beautiful images of your source code

Start Here
Explain Shell

Write down a command-line to see the help text that matches each argument

Start Here
Nicen

Make your code look nicer

Start Here
Smart Swatch Generator

Generate smart unique color palette without pain

Start Here
Transform

Transform code into something else

Start Here
0to255

Lighten and darken colors easily.

Start Here
Tint & Shade Generator

Display tints and shades of a given hex color in 10% increments

Start Here
Favicon Generator. For real.

Generate favicons for all platforms

Start Here
favicon.io

Create a facivon in a few clicks

Start Here
Maskable.app

Preview and create maskable icons in the browser

Start Here
Font Squirrel Webfont Generator

Modify, improve, trim, change and export your fonts in modern formats

Start Here
FontDrop!

View the content of a font file

Start Here
Fonty

Test web fonts directly on live sites

Start Here
GooFonts

Search tagged Google Fonts

Start Here
google-webfonts-helper

Self host your Google Fonts

Start Here
Wakamai Fondue

Inspect what your fonts can do

Start Here
HTML Arrows

Get unicode, hex, ASCII, html, css codes to insert UTF-8 icons and symbols

Start Here
Meta Tags

Preview how your webpage will look on Google, Facebook, Twitter and more

Start Here
UTF-8 icons

Gives you unicode, hex, ASCII, html, css codes to insert UTF-8 icons and symbols.

Start Here
Batch 301

Validate a collection of urls redirect chain and status codes

Start Here
httpstatus

Check status codes, response headers, and redirect chains.

Start Here
Security Headers

Quickly and easily assess the security of your HTTP response headers.

Start Here
jpeg.io

Convert any major image format into a highly optimized JPEG

Start Here
Let's Enhance.io

Improve colors, remove compression and upscale your image

Start Here
removebg

Remove backgrounds 100% automatically in 5 seconds with zero clicks

Start Here
Responsive Breakpoints

Create responsive breakpoints for your images and get the adequate HTML them

Start Here
Squoosh

Make images smaller using best-in-class codecs, right in the browser

Start Here
SVGOMG

Minify SVGs

Start Here
Pattern Generator

Use this tool to create unique, seamless, royalty-free patterns.

Start Here
Screenshot.Rocks

Create beautiful browser mockups in seconds

Start Here
BGJar

Free svg background generator for your websites, blogs and app.

Start Here
Dummy Image Generator

When you are building a website or landing page, and the images you want aren’t ready yet, you can use dummy images as placeholders. This will help you to see how the content will look when it’s formatted on your page. This tool is FREE to use, and will help you to quickly, and easily create dummy images for your designs.

Start Here
JavaScript Array Explorer

Find the array method you need without digging through the docs

Start Here
Key codes

Get key codes for keyboard events in JavaScript

Start Here
Base64 Converter

Base64 encode everything

Start Here
cryptii.com

Convert and encode text quickly

Start Here
snippet generator

Generate snippets for VSCode, Sublime Text and Atom

Start Here
Omatsuri

Open source browser tools for everyday use

Start Here
Brotli.Pro

Check if your website supports Brotli compression

Start Here
RegExr

Learn, build, & test Regular Expressions

Start Here
Rubular

Test regular expressions in Ruby as you write them

Start Here
iHateRegex

Start Here
Hero Patterns

Find SVG background patterns for you to use on your web projects.

Start Here
URL-encoder for SVG

URL-encode your SVGs

Start Here
Google font to SVG path

Start Here
Shape Divider

We created this free tool to make it easier for designers and developers to export a beautiful SVG shape divider for their latest project. We hope you enjoy this tool.

Start Here
Squircley

Squircley is all you need to start creating beautiful organic shapes ready to use for logos, icons and background images.

Start Here
Have I Been Pwned (HIBP)

Check if you have an account that has been compromised in a data breach

Start Here
Mozilla Observatory

Check your website’s security

Start Here
Mozilla SSL Configuration Generator

Generates recommended TLS configurations for servers

Start Here
SSL Server Test

Perform a deep analysis of the configuration of any SSL web server on the public Internet

Start Here
ssl-decoder-link

Check, convert or read your SSL certificate and more related ability

Start Here
shapecatcher.com

Draw a character and get the Unicode character glyph

Start Here
Unicode Character Search

Search a Unicode Character

Start Here
Unicode Code Converter

Convert Unicode symbols into other formats

Start Here
unilist

Have a look at the Unicode character list

Start Here
⌘+C

Copy special characters to your clipboard

Start Here
Tree

An online tree-like utility for generating ASCII folder structure diagrams. Written in TypeScript and React.

Start Here