Tools
In-depth guides, feature references, usage examples, and tips for every free JPKCom developer tool — an overview per tool plus a manual, examples, and tips & tricks, each linking straight to the live tool.
The JPKCom tools, explained in depth
For each of the free JPKCom developer tools you'll find an editorial companion here: an overview with a thorough intro, a complete feature reference (manual), hands-on usage examples, and a collection of tips & tricks — one overview page per tool with subpages, each linking straight to the live tool.
The tools are grouped by purpose. Pick a tool from the list.
Code & Text
-
Beautify
Format JavaScript, CSS, HTML, and JSON in your browser and unpack packed code without running it — your entry point to the manual, examples, and tips.
-
Cheat Sheets
220 cheat sheets for CLI tools and web development in the browser: search one sheet or all of them, copy commands, share sections via deep link.
-
Coder
Encode and decode HTML, URL, Base64, JSON, Unicode, Hex, Punycode and Quoted-Printable, verify JWT signatures, build Data URIs — all in your browser.
-
Compiler
What the Compiler does: compile SCSS and Sass to CSS with Dart Sass, and minify or beautify HTML, JavaScript and CSS — all in your browser.
-
Convertor PRO
Convertor PRO: text live in 13 encodings (entities, Unicode, UTF-8, NCRs) and data between JSON, YAML, TOML, XML, and INI — JSON numbers stay exact.
-
CSV Editor
What the CSV Editor does, who it's for, and how import, the table editor, and export work together — your starting point for the manual, examples, and tips.
-
JSON Editor
What the JSON Editor does: format, repair, validate against a JSON Schema and transform JSON — big numbers stay exact, almost everything in the browser.
-
Lorem Ipsum
Placeholder text in Latin, English, or German as plain text, Markdown, or HTML — exact by paragraphs, sentences, words, or characters, live in the browser.
-
Markdown Editor
What the JPKCom Markdown Editor does: live preview, GFM, KaTeX, Mermaid, and export — your starting point for the manual, examples, and tips.
-
Playground
HTML, CSS/SCSS, and JavaScript editor with a live in-browser preview: SCSS via Dart Sass, Bootstrap assets, snippets, export, and an optional PHP 8.4 mode.
-
Regex Debugger
What the Regex Debugger does: test patterns live, replace and split, get a plain-English explanation, and export code for JavaScript, PHP, or Python.
-
Source Viewer
What the Source Viewer does: a code editor for 100+ languages, URL loading, a sandboxed HTML live preview, beautify and minify, HTML to Markdown — start here.
-
WP Code Generator
What the WP Code Generator does for WordPress 7.x: 33 generators, 40 snippets, files in tabs, ZIP download, and shared fields — your starting point.
-
WYSIWYG Editor
TipTap-based rich text editor: Markdown, HTML, JSON and PDF export, slash menu, snapshots, HTML source — your entry point to manual, examples and tips.
Design & Graphics
-
Colors
Color toolkit for web developers: picker with 14 formats, WCAG/APCA contrast and color blindness, gradients, CSS shadows, image palettes, Tailwind export.
-
Fonts
Test and compare typefaces: search Google Fonts, check system fonts, load local font files — with an A/B comparison, a glyph table and a clamp() calculator.
-
GeoPattern
Turn any text into a deterministic geometric pattern, export it as SVG or PNG at any size, and copy it as a CSS background or data URI.
-
Graphic Editor
Crop, scale and convert images to PNG, JPEG, WebP and AVIF in the browser, with real file sizes and a metadata view.
-
PDF Tools
View, annotate, create, merge and split PDFs in the browser — with password-protected files, bookmarks, page selection and conversion to PDF.
-
Periodic Table (PSE)
Interactive periodic table of all 118 elements (EN/DE): search, state at any temperature, properties as color scales, direct links, molar mass calculator.
-
Placeholder Service
Placeholder images by URL: PNG, WebP or JPEG, Retina-ready, with hex colours and auto-fitted text — plus SVG and data URIs straight from the browser.
-
Trianglify UI
Low-poly triangle backgrounds in the browser: palettes or your own gradient, styles, wireframe, PNG/JPEG/WebP/SVG, CSS and a shareable link. Start here.
AI & SEO
-
SEO & GEO Analyzer
What the SEO & GEO Analyzer does, who it's for, and how its 20 tabs work together — your starting point for the manual, examples, and tips.
-
Meta Tags Generator
Head tags for SEO, hreflang, Open Graph, X Cards, icons, and JSON-LD, plus security headers for nginx/Apache — with a live preview and checks.
-
robots.txt & Sitemap
Build robots.txt per RFC 9309 and XML sitemaps, test rules live, and check both files on any URL — your starting point for the manual, examples, and tips.
-
llms.txt Generator
What the llms.txt Generator does: build an llms.txt to spec v2, check it live including content type and links, with server snippets and a reference.
Security & Utilities
-
Cryptor (AES-256)
Client-side AES-256-GCM encryption of text in your browser with password protection and PBKDF2 — your starting point for the manual, examples, and tips.
-
DNS, SSL, Redirect & URL
Check DNS and mail security, inspect SSL chains even for broken certificates, trace redirects, parse URLs, build SPF records and count lookups recursively.
-
Cron Job Helper
Build and validate cron expressions, preview the next runs in any time zone including DST, generate safe curl/wget web crons, plus CMS and Docker/DDEV recipes.
-
Docker/Podman Composer
Turn docker run and podman run into a Compose file and back into a start script — entirely in the browser. Your entry point to the manual, examples, and tips.
-
IP Tools
IPv4 and IPv6 in the browser: subnet calculator, range ↔ CIDR, address converter with reverse DNS, ULA generator, IANA special ranges, and your current IP.
-
Generator
Passwords, EFF passphrases, salts, WordPress and Wi-Fi keys with a QR code, .htpasswd lines, and TOTP codes — all generated in your browser.
-
Hash Generator
What the Hash Generator does: 20 hash algorithms live, HMAC, SRI, file checksums and bcrypt/Argon2id/PBKDF2 — all in your browser, no upload.
-
Mail Header Analyzer
Analyze email headers in your browser: delivery route and sending IP, SPF/DKIM/DMARC per server, spam filters and phishing hints — your way into the docs.
-
PKI Viewer
Inspect certificates, chains, CSRs, CRLs, keys, PKCS#12 and signed P7M/S/MIME files in your browser: fingerprints, signature checks, key matching.
-
SSH Proxy
Generate SSH tunnel, SOCKS proxy and port-forwarding commands, ~/.ssh/config, management scripts and autostart configs — fully client-side.
-
Info Tools
What your browser reveals: browser and OS via Client Hints, IP and every request header, screen, media features, time zone, clock offset and permissions.
-
QR
Styled QR codes in your browser: URL, WiFi, vCard, event, location & more, dot/corner styles, gradients, logo, scan test, SVG/PNG/JPEG/WebP export.
-
Time Converter
Convert Unix timestamps (s, ms, µs, ns) in every IANA time zone, with ISO 8601, RFC 2822 and DST-aware differences, in your browser. Manual, examples, tips.
-
UUID Generator
Generate UUIDs v4, v7, v6, v1, v5 and v3 (RFC 9562) in your browser, up to 10,000 at a time, decode any UUID and output it in seven formats.