Kostenlose Tools für Entwickler — JSON, Regex, Hash, Favicon-Pack, im Browser | ToolKoala

Entwickler-Toolkit

"Ich bin Entwickler. Das sind die Utilities, die ich in gepinnten Tabs offen halte — Favicons, JSON, Regex, Hashes, Encoder. Kein CLI-Install, keine Anmeldung, keine Telemetrie. — Milo 🐨"

Die meisten davon brauchst du nicht täglich. Aber an dem Tag, an dem du einen SHA-256 von einem String brauchst, einen Regex-Tester, der nicht ruckelt, oder 17 Favicon-Größen aus einem SVG — brauchst du sie wirklich. Diese Seite ist das kuratierte Dev-Utility-Regal. Alles läuft lokal im Browser; nichts ruft nach Hause; keine Rate-Limits.

Die 3 Tools, die du am meisten nutzt

JSON Formatter / Validator — Einfügen, formatieren, validieren, minifizieren. Behandelt tief verschachtelte Strukturen und gibt vernünftige Fehlermeldungen für kaputtes JSON. Nutz es für API-Debugging, wenn du deiner Terminal-Pipe nicht traust.
Regex Tester — Live-Highlighting, Capture Groups, Match-Anzahl. Teste ECMAScript-Flavor Regex (dieselbe Engine, die dein JavaScript nutzt). Inklusive Replace-Preview.
Favicon Generator — Ein Quellbild → alle nötigen Größen (16, 32, 48, 64, 128, 256, 512, 180 für Apple Touch, plus manifest.json). Ein ZIP, in den public/-Ordner werfen, fertig.

Echter Workflow: Favicon-Set für eine neue App

Üblicher Szenario: Design gibt dir ein SVG-Logo. Du brauchst ein komplettes Favicon-Set für die Web-App, iOS-Install-Banner, Android-Manifest und Apple Touch. 5-Minuten-Weg:

Vom SVG aus: öffne SVG to PNG, rastere auf 512×512 mit transparentem Hintergrund. Speicher das Master-PNG.
Set generieren: leg das Master in Favicon Generator. Hol das komplette Pack (favicon.ico, .png-Varianten, Apple Touch, manifest.json) als einzelnes ZIP.
In public/ entpacken: ins Projekt kopieren; das manifest.json enthält Standard-Link-Tags, die du direkt in <head> einfügen kannst.
Cross-Platform verifizieren: in Safari (Apple Touch Icon), Chrome auf Android (Manifest) und in einem leeren Browser-Tab (.ico Fallback) testen.

Fünf Minuten. Kein CLI. Kein npm install. Kein „kostenlos für 3 Generationen"-SaaS-Gate.

Komplettes Entwickler-Toolkit (nach Use Case)

🧪 Daten-Inspektion & Transformation

JSON Formatter — Formatieren, minifizieren, validieren
CSV ↔ JSON — Format-Umwandlung mit Typ-Erhaltung
YAML ↔ JSON — Verlustfreie Konvertierung in beide Richtungen
Markdown ↔ HTML — Schnelles Rendern oder Extrahieren
Text Diff — Side-by-Side-Vergleich mit Highlighting

🔐 Encoding & Hashing

Hash Generator — MD5, SHA-1, SHA-256, SHA-512 im Browser
URL Encoder / Decoder — Percent-Encoding für URLs und Query Strings
Image to Base64 — Data URLs zum Inlinen von Bildern in CSS/HTML
Timestamp Converter — Unix ↔ ISO 8601, mehrere Zeitzonen

🎨 Asset-Vorbereitung

Favicon Generator — Komplettes Favicon-Pack aus einem Quellbild
SVG to PNG — Rastere in beliebiger Auflösung mit transparentem Hintergrund
Convert Image — HEIC, WebP, PNG, JPG Interkonvertierung
Compress Image — Assets für App-/Web-Auslieferung komprimieren
QR Generator — URLs, WiFi, Kontaktkarten; SVG- und PNG-Output

🧪 Schnell-Utilities

Regex Tester — ECMAScript-Flavor, Live-Capture-Groups
Color Converter — HEX ↔ RGB ↔ HSL ↔ benannte Farben
Color Picker (aus Bild) — Genaues Hex aus einem Screenshot ziehen
Unit Converter — Bytes, Zeit, Distanz, Temperatur
Word / Char Counter — Nützlich für LLM-Token-Budgets
Case Converter — camelCase ↔ snake_case ↔ kebab-case

„Warum ein Browser-Tool statt CLI?"

Ehrliche Antwort: für einmalige Operationen willst du kein 10-zeiliges Python-Skript schreiben, du willst eine 3-Sekunden-Antwort. Für SHA-256 eines Tokens, einen Regex-Check, ein schnelles Favicon-Set — ein Browser-Tool ohne Install, ohne requirements.txt, ohne Berechtigungsdialog ist schneller als dein Terminal.

Der andere Fall: diese Tools funktionieren auf Maschinen, auf denen du keine Software installieren kannst — geliehene Laptops, eingeschränkte Firmen-Workstations, öffentliche Coworking-PCs. Sie sind genau dann nützlich, wenn dein üblicher Werkzeugkasten nicht da ist.

Für alles andere (Batch-Operationen, Scripting, CI/CD), bleib im CLI. Diese ergänzen dein Terminal, sie ersetzen es nicht.

Häufige Fragen

Sind diese Tools genau? Eine fehlerhafte Hash-Funktion geht nicht.

Die kryptographischen Funktionen (MD5, SHA-Familie) nutzen die native Browser-API SubtleCrypto — dieselbe Implementierung, die Chrome für HTTPS nutzt. Regex nutzt die V8-Regex-Engine (wie Node.js). JSON-Parsing nutzt natives JSON.parse. Wenn dein Browser korrekt ist, sind diese korrekt.

Leakt mein Code oder meine Daten irgendwohin?

Nein. Die Tools laufen in deinem Browser-Tab. Die Verarbeitung passiert lokal auf deiner CPU. Du kannst es in DevTools → Network prüfen: leg eine Datei rein oder füg Text ein, schau das Network-Panel an — keine ausgehenden Requests mit deinen Daten.

Kann ich sie in einem Skript oder CI nutzen?

Diese Tools sind interaktiv (Browser-basiert). Für Scripting und CI nutze richtige CLI-Tools — sie sind dafür gemacht. Die Browser-Tools passen zum „ich brauche diese Antwort jetzt, in diesem Tab"-Anwendungsfall.

Warum gibt es kein Tool für X?

Sag mir Bescheid. [email protected]. Die Roadmap ist stark Leser-getrieben; wenn du einen JWT-Decoder, einen YAML-Linter, einen UUID-Generator oder andere Dev-Utilities forderst, kommt es auf die Schnellspur. Die Einschränkung ist „muss im Browser laufen" — alles, was Server-Compute braucht (LLM-Inferenz, große Kompilierung), passt nicht.

Warum gibt es kein Dark/Light-Theme für die Output-Panels?

Doch — Toggle in der oberen rechten Ecke. Einstellung bleibt zwischen Besuchen erhalten. Die Seite nutzt standardmäßig dein System-prefers-color-scheme.

Diese Seite pinnen. Das Dev-Regal, das du wirklich nutzt.

Oder direkt zu Regex Tester → · JSON Formatter →

— Milo 🐨 · [email protected]