Tools

Die JPKCom-Tools, ausführlich erklärt

Hier findest du zu jedem der kostenlosen JPKCom-Developer-Tools eine redaktionelle Begleitung: eine Übersicht mit ausführlichem Intro, eine vollständige Funktionsbeschreibung (Manual), praxisnahe Anwendungsbeispiele und gesammelte Tipps & Tricks — pro Tool eine eigene Übersichtsseite mit Unterseiten, jeweils mit direktem Link zum Live-Tool.

Die Tools sind nach Einsatzgebiet gruppiert. Wähle ein Tool aus der Liste.

Code & Text

• Beautify

  JavaScript-, CSS- und HTML-Code im Browser formatieren, entpacken und deobfuskieren — der Einstieg zu Manual, Beispielen und Tipps zu Beautify.

• Cheat Sheets

  219 Cheat-Sheets für CLI-Tools und Webentwicklung im Browser nachschlagen — mit Sheet-Auswahl, Befehls-Suche, Syntax-Highlighting und Copy-to-Clipboard.

• Coder

  Encode und Decode für HTML-Entities, URLs, Base64, JSON, JWT und Data-URIs — sieben Reiter, alles clientseitig im Browser, ohne Account.

• Compiler

  Was der Compiler kann: SASS/SCSS zu CSS kompilieren sowie HTML, JavaScript und CSS minifizieren und beautifien — Einstieg zu Manual, Beispielen und Tipps.

• Convertor PRO

  Was Convertor PRO kann: Encoding-Umwandlung (HTML/XML, Unicode, UTF-8, Hex, NCRs) und Daten-Formate (JSON, YAML, TOML, XML, INI) — der Einstieg.

• CSV Editor

  Was der CSV Editor kann, für wen er gedacht ist und wie Import, Tabellen-Editor und Export zusammenspielen — der Einstieg zu Manual, Beispielen und Tipps.

• JSON Editor

  Was der JSON Editor kann: JSON formatieren, validieren, reparieren und transformieren — in Baum-, Tabellen- und Code-Ansicht, komplett im Browser.

• Lorem Ipsum

  Platzhalter-Text-Generator für Latein, Englisch und Deutsch — nach Absätzen, Wörtern oder Zeichen, als Plain Text oder Markdown, komplett im Browser.

• Markdown Editor

  Was der Markdown-Editor von JPKCom kann: Live-Vorschau, GitHub Flavored Markdown, KaTeX, Mermaid und Export — der Einstieg zu Manual, Beispielen und Tipps.

• Playground

  Was der Playground kann und wie HTML-, CSS/SCSS- und JavaScript-Editor mit Live-Vorschau zusammenspielen — Einstieg zu Manual, Beispielen und Tipps.

• Regex Debugger

  Was der Regex Debugger kann, für wen er gedacht ist und wie er Muster live testet — der Einstieg zu Manual, Beispielen und Tipps.

• Source Viewer

  Was der Source Viewer kann: Code-Editor mit Syntax-Highlighting für 100+ Sprachen, Laden per URL, HTML-zu-Markdown und Beautify — der Einstieg.

• WP Code Generator

  Was der WP Code Generator kann, für wen er gedacht ist und wie seine WordPress-Generatoren und die Snippet-Bibliothek zusammenspielen — der Einstieg.

• WYSIWYG Editor

  Rich-Text-Editor auf TipTap-Basis mit Markdown-Import/-Export, HTML-Export und Code-Syntax-Highlighting — der Einstieg zu Manual, Beispielen und Tipps.

Design & Grafik

• Colors

  Farb-Toolkit für Web-Entwickler: Farb-Picker mit 14 Formaten, Gradient-Generator, CSS-Box-Shadow- und Shadow-Gradient-Builder, Paletten aus Bildern.

• Fonts

  Schriften testen und vergleichen: System-Fonts, Google Fonts und eigene Web-Fonts per CSS-URL — mit Specimen, Glyph-Tabelle und Clamp()-Rechner.

• GeoPattern

  Aus einem Text-Seed deterministische SVG-Hintergrundmuster erzeugen und als SVG, PNG oder Data-URI exportieren — Einstieg zu Manual, Beispielen und Tipps.

• Graphic Editor

  Bilder zuschneiden, skalieren und in PNG, JPEG, WebP und AVIF umwandeln — komplett im Browser. Der Einstieg zu Manual, Beispielen und Tipps.

• PDF Tools

  PDFs im Browser erstellen, ansehen, bearbeiten, zusammenführen und teilen — annotieren, hervorheben, zeichnen, Formulare ausfüllen, Text extrahieren.

• Periodic Table (PSE)

  Interaktives Periodensystem aller 118 Elemente — zweisprachig DE/EN, mit Kategorie-Filter, Suche und Detail-Ansicht. Einstieg zu Manual und Beispielen.

• Placeholder Service

  Platzhalter-Bilder mit frei wählbaren Maßen, Hex-Farben und Text erzeugen — per URL-Schema oder als PNG-/SVG-Download. Einstieg zu Manual und Beispielen.

• Trianglify UI

  Erzeuge algorithmische Low-Poly-Dreieck-Hintergründe als SVG oder PNG — mit Farb-Paletten, Seed und Export. Der Einstieg zu Manual, Beispielen und Tipps.

KI & SEO

• SEO & GEO Analyzer

  Was der SEO & GEO Analyzer kann, für wen er gedacht ist und wie die 19 Analyse-Module zusammenspielen — der Einstieg zu Manual, Beispielen und Tipps.

• Meta Tags Generator

  Erzeuge Essential-, Open-Graph-, Twitter-Card-, Security- und JSON-LD-Meta-Tags mit Live-Vorschau — der Einstieg zu Manual, Beispielen und Tipps.

• robots.txt & Sitemap

  robots.txt und XML-Sitemaps erzeugen plus zwei Live-Checker, die beide Dateien von jeder URL holen und prüfen — der Einstieg zu Manual, Beispielen und Tipps.

• llms.txt Generator

  Was der llms.txt Generator kann: eine strukturell gültige llms.txt fürs KI-Kontext bauen, eine bestehende live prüfen, mit Beispielen und Format-Referenz.

Sicherheit & Utilities

• Cryptor (AES-256)

  Clientseitige AES-256-GCM-Verschlüsselung von Texten im Browser mit Passwortschutz und PBKDF2 — der Einstieg zu Manual, Beispielen und Tipps.

• DNS, SSL, Redirect & URL

  DNS-Records abfragen, SSL-Zertifikate analysieren, Redirect-Ketten verfolgen, URLs zerlegen, Slugs und SPF-Records bauen — fünf Netzwerk-Werkzeuge in einem.

• Cron Job Helper

  Visueller Cron-Ausdruck-Builder mit Klartext-Vorschau, Web-Cron-Generator (curl/wget), CMS-/Framework-Tipps und Docker/DDEV-Referenz.

• Docker/Podman Composer

  docker run und podman run in eine Compose-Datei umwandeln und zurück — rein im Browser. Der Einstieg zu Manual, Beispielen und Tipps.

• IP Tools

  IPv4- und IPv6-Werkzeugkasten im Browser: Subnetz-Rechner, IP-Konverter, IPv6-ULA-Generator, Range-↔-CIDR-Rechner, Referenztabellen und deine aktuelle IP.

• Generator

  Sichere Passwörter, Salt-/WordPress-/WLAN-Keys, APR1-MD5, BCrypt- und Argon2-Hashes sowie TOTP-Codes erzeugen — der Einstieg zu Manual, Beispielen und Tipps.

• Hash Generator

  Was der Hash Generator kann: MD5, SHA-1, SHA-2, SHA-3 und RIPEMD-160 (inkl. HMAC) für Text und Dateien — direkt im Browser, ohne Upload.

• Mail Header Analyzer

  E-Mail-Header im Browser analysieren: RFC-5322-Header parsen, Zustellweg visualisieren, SPF/DKIM/DMARC prüfen — Einstieg zu Manual, Beispielen und Tipps.

• PKI Viewer

  X.509-Zertifikate, PKCS#7/P7M, PKCS#12/PFX, CSR und Schlüssel im Browser inspizieren — Details, Gültigkeit, Fingerprints. Komplett clientseitig.

• SSH Proxy

  SSH-Tunnel, SOCKS-Proxy, Portweiterleitung, ~/.ssh/config, Verwaltungs-Skripte und Autostart-Configs clientseitig erzeugen — für alle gängigen Plattformen.

• Info Tools

  Zeigt deine HTTP-Header, IP, Bildschirm, GPU, Browser-Fähigkeiten und Modernizr-Features — sauber getrennt nach Server- und Client-Daten, ganz ohne Speicherung.

• QR

  Gestaltete QR-Codes im Browser erzeugen: Vorlagen für URL, WLAN, vCard & Co., eigene Punkt-/Eck-Stile, Farbverläufe, Logo und Export als SVG/PNG/JPEG/WebP.

• Time Converter

  Unix-Timestamps umrechnen, Zeitdifferenzen berechnen und Zeitzonen vergleichen — clientseitig im Browser. Einstieg zu Manual, Beispielen und Tipps.

• UUID-Generator

  UUIDs der Versionen v4, v7, v1 und v5 direkt im Browser erzeugen — RFC-9562-konform, in Massen, ohne Server. Einstieg zu Manual, Beispielen und Tipps.