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.