Tools

Web Dev Tools

Link generators, CSS utilities, color tools, content helpers, WordPress references, and client handoff tools — all in one page.

Call Link Generator

Phone Number Numbers starting with 0 are auto-converted to +92. Include country code for other countries.

Output Format

tel:—

callto:—

HTML anchor—

Button HTML—

Preview

WhatsApp Link Generator

Phone Number No + sign, no spaces. Numbers starting with 0 auto-convert.

Pre-filled Message (optional)

Output Format

Basic—

With message—

HTML anchor—

Button HTML—

Preview

SMS Link Generator

Phone Number

Pre-filled Message (optional)

Generated Links

sms:—

With body—

HTML anchor—

Preview

Email Link Generator

Email Address

Subject (optional)

Body (optional)

Output Format

mailto:—

HTML anchor—

Button HTML—

Preview

Location Link Generator

Address or Place Name Works with place names, full addresses, and lat/lng coordinates.

Generated Links

Google Maps—

Directions—

Apple Maps—

HTML anchor—

Preview

Phone Number Formatter

Raw Number Paste any number — local, international, with or without +

Country Code (if local starts with 0)

Format Variants — click any to select

All Links

Display—

tel:—

wa.me/—

sms:—

HTML link—

Box Shadow Builder

Offset X4px

Offset Y4px

Blur16px

Spread0px

Opacity30%

Shadow Color

Box Background

Style

Preview

CSS—

Tailwind—

Gradient Generator

Type

Angle135°

Color Stops

Preview

CSS—

background—

CSS Unit Converter

Base Font Size (px)

Viewport Width (px)

Value

From Unit

px—

rem—

em—

vw—

vh—

pt—

Dimension ⟷ Aspect Ratio Calculator

Have dimensions? Get the ratio.

Width

Height

Unit

Quick sizes — click to fill:

Ratio—

Decimal—

CSS—

Tailwind—

Have a ratio? Get the missing dimension.

Ratio W

Ratio H

Known dimension

Value

Unit

DPI (px ⇄ physical)

px—

in—

cm—

mm—

ft—

pt—

WCAG Contrast Checker

Foreground

Background

Large text (18px bold or 24px regular)

Normal body text — smaller and harder to read at low contrast ratios

—

Contrast ratio

Tint & Shade Generator

Brand Color

CSS vars—

Tailwind—

Open Graph Meta Tag Generator

Title

Site Name

Description

Page URL

Image URL

Twitter Card

Page Type

Head tags—

Favicon <head> Snippet Generator

Base icon pathAppends -16×16.png, -32×32.png etc.

Apple Touch Icon URL

Manifest URL

Theme Color

All tags—

URL / CPT Slug Formatter

Input Text Converts to lowercase, replaces spaces with hyphens, strips special characters — WordPress-safe slug.

slug-will-appear-here

Slug—

WP register—

PHP var—

Elementor Dynamic Tag Cheatsheet

functions.php Snippet Library

WordPress Hook Reference

Website Launch Checklist

Project Name

Quote / Invoice Calculator

Client Name

Currency

Tax / GST %

Discount %

Description Hours Rate

Text quote—

Responsive Image srcset / sizes Generator

Filename (no extension)

Extension

Width (px) Breakpoint Sizes value

srcset—

sizes—

img tag—

Google Fonts CSS Snippet Generator

Font Name

Display

Weights

Subsets

latin latin-ext arabic urdu

<link>—

@import—

CSS stack—

API URL—

.htaccess Redirect Builder

Old path New URL Type

.htaccess—

Nginx—

Keystroke Sequence Builder

Text to type Sent exactly as typed. Reserved characters ( + ^ % ~ ( ) { } ) are escaped automatically.

Slow send (ms between keys, optional) Only changes the Scripted output below — uses HIDMacros.SendKeysSlow instead of SendKeys. Helps with apps/games that drop fast keystrokes.

Your sequence

No steps yet — add one above to start building your sequence.

What this sends

Nothing yet.

Keyboard sequence — paste into the Predefined tab

Sequence—

Scripted (VBScript) — paste into the Scripted tab

Script—

SimConnect Parameter Cycle

Add a value

Whole numbers only, in the order they should cycle. For events like HEADING_BUG_SET where each activation should step to the next value — pick the actual event in HIDmacros itself; this just builds the Params string.

Params—

Key & Modifier Reference

The manual lists one key as “INSLEFT” — almost certainly INS and LEFT run together (arrow keys are listed separately elsewhere, and Insert is a standard key). They’re split here; worth a quick check against the key-scan dialog in HIDmacros if either doesn’t behave as expected.

When more than one modifier is active, this tool writes them in a fixed order: Ctrl, then Shift, then Alt (e.g. ^+%). The manual doesn’t say whether order matters to HIDmacros’ own parser — reorder the symbols if a stacked-modifier macro ever misfires.

The Scripted action tab (VBScript) isn’t in the manual at all — the three methods above are confirmed from the hidmacros.eu community forum, not official docs. There may be more (mouse clicks, key-state checks) this tool doesn’t generate.