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, unpack, and deobfuscate JavaScript, CSS, and HTML right in your browser — your starting point for the manual, examples, and tips on Beautify.

  • Cheat Sheets

    Look up 219 cheat sheets for CLI tools and web development in the browser — with sheet picker, command search, syntax highlighting, and copy-to-clipboard.

  • Coder

    Encode and decode HTML entities, URLs, Base64, JSON, JWT, and Data URIs — seven tabs, all client-side in the browser, no account.

  • Compiler

    What the Compiler does: compile SASS/SCSS to CSS and minify or beautify HTML, JavaScript, and CSS — your starting point for the manual, examples, and tips.

  • Convertor PRO

    What Convertor PRO does: encoding conversion (HTML/XML, Unicode, UTF-8, hex, NCRs) and data formats (JSON, YAML, TOML, XML, INI) — your starting point.

  • 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, validate, repair, and transform JSON — in tree, table, and code view, entirely in the browser.

  • Lorem Ipsum

    Placeholder text generator for Latin, English, and German — by paragraphs, words, or characters, as plain text or Markdown, entirely 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

    What the Playground does and how its HTML, CSS/SCSS, and JS editors pair with a live preview — your starting point for the manual, examples, and tips.

  • Regex Debugger

    What the Regex Debugger does, who it's for, and how it tests patterns live — your starting point for the manual, examples, and tips.

  • Source Viewer

    What the Source Viewer does: a code editor with syntax highlighting for 100+ languages, URL loading, HTML-to-Markdown, and beautify — your starting point.

  • WP Code Generator

    What the WP Code Generator does, who it's for, and how its WordPress generators and snippet library work together — your starting point.

  • WYSIWYG Editor

    A TipTap-based rich text editor with Markdown import/export, HTML export, and code syntax highlighting — your starting point for manual, examples, and tips.

Design & Graphics

  • Colors

    Color toolkit for web developers: color picker with 14 formats, gradient generator, CSS box-shadow and shadow-gradient builders, image palette extractor.

  • Fonts

    Test and compare typefaces: system fonts, Google Fonts and your own web fonts via CSS URL — with a specimen, a glyph table and a clamp() calculator.

  • GeoPattern

    Turn a text seed into deterministic geometric SVG background patterns and export as SVG, PNG or data URI — start here for manual, examples and tips.

  • Graphic Editor

    Crop, scale, and convert images to PNG, JPEG, WebP, and AVIF — entirely in the browser. Your starting point for the manual, examples, and tips.

  • PDF Tools

    Create, view, edit, merge, and split PDFs in the browser — annotate, highlight, draw, fill forms, and extract text. Nothing is uploaded; files stay on your device.

  • Periodic Table (PSE)

    Interactive periodic table of 118 elements, bilingual EN/DE: category filter, search, and per-element detail. The starting point for manual, examples, and tips.

  • Placeholder Service

    Generate placeholder images with custom dimensions, hex colors, and text — via a real URL scheme or as a PNG/SVG download. Your starting point for manual, examples, tips.

  • Trianglify UI

    Generate algorithmic low-poly triangle backgrounds as SVG or PNG — with color palettes, a seed, and export. Your starting point for the manual, examples, and tips.

AI & SEO

  • SEO & GEO Analyzer

    What the SEO & GEO Analyzer does, who it's for, and how its 19 analysis modules work together — your starting point for the manual, examples, and tips.

  • Meta Tags Generator

    Generate essential, Open Graph, Twitter Card, security, and JSON-LD meta tags with live preview — your starting point for the manual, examples, and tips.

  • robots.txt & Sitemap

    Generate robots.txt and XML sitemaps, plus live checkers to fetch and validate either file from any URL — your starting point for the manual, examples, and tips.

  • llms.txt Generator

    What the llms.txt Generator does: build a structurally valid llms.txt for AI context, validate an existing one live, with examples and a format 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

    Query DNS records, analyze SSL certificates, trace redirect chains, parse URLs, and build slugs and SPF records — five network tools in one.

  • Cron Job Helper

    Visual cron expression builder with plain-text preview, web cron generator (curl/wget), CMS/framework tips and a Docker/DDEV reference.

  • Docker/Podman Composer

    Convert docker run and podman run commands into a Compose file and back — entirely in the browser. Your starting point for the manual, examples, and tips.

  • IP Tools

    An IPv4 and IPv6 toolkit in the browser: subnet calculator, IP converter, IPv6 ULA generator, range-to-CIDR calculator, reference tables, and your current IP.

  • Generator

    Generate secure passwords, salt/WordPress/WLAN keys, APR1-MD5, BCrypt and Argon2 hashes, and TOTP codes — your starting point for the manual, examples, and tips.

  • Hash Generator

    What the Hash Generator does: MD5, SHA-1, SHA-2, SHA-3, and RIPEMD-160 hashes (incl. HMAC) for text and files — right in your browser, no upload.

  • Mail Header Analyzer

    Analyze email headers in your browser: parse RFC 5322 headers, visualize the delivery route, check SPF/DKIM/DMARC — your start for manual, examples, tips.

  • PKI Viewer

    Inspect X.509 certificates, PKCS#7/P7M, PKCS#12/PFX, CSR and keys in your browser — details, validity, fingerprints. Fully client-side.

  • SSH Proxy

    Generate SSH tunnel, SOCKS proxy and port-forwarding commands, ~/.ssh/config, management scripts and autostart configs — fully client-side.

  • Info Tools

    Shows your HTTP headers, IP, screen, GPU, browser capabilities and Modernizr features — cleanly split into server-side and client-side data, with no storage.

  • QR

    Build styled QR codes in your browser: templates for URL, WiFi, vCard & more, custom dot/corner styles, gradients, a center logo, and SVG/PNG/JPEG/WebP export.

  • Time Converter

    Convert Unix timestamps, calculate time differences, and compare time zones — client-side in your browser. Start here for the manual, examples, and tips.

  • UUID Generator

    Generate UUIDs of versions v4, v7, v1, and v5 right in your browser — RFC 9562 compliant, in bulk, no server. Your start point for manual, examples, and tips.