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.