Code-Werkzeuge
Formatieren, minifizieren, vergleichen, kodieren und generieren.
100% clientseitig Für immer kostenlos Keine Anmeldung
Das ist die größte Kategorie hier, weil sie die kleinen Aufgaben abdeckt, die den Tag eines Entwicklers unterbrechen: eine Antwort formatieren, die als eine Zeile ankam, zwei Dateien vergleichen und herausfinden, was sich wirklich geändert hat, einen regulären Ausdruck an echten Beispielen testen, einen Token dekodieren, einen Zeitstempel umrechnen, eine ID erzeugen. Jedes dieser Werkzeuge läuft lokal, was bei diesen Aufgaben besonders zählt, weil das Material oft ein echter API-Schlüssel, eine echte Nutzlast oder ein echtes Protokoll ist.
Werkzeuge in dieser Kategorie
109 JSON-Formatierer & Validator Fügen Sie JSON ein, um es mit Ihrer bevorzugten Einrückung zu formatieren, die Syntax mit exakter Fehlerposition zu prüfen oder auf eine Zeile zu minifizieren. CSS-Minifizierer Komprimieren Sie Ihre Stylesheets durch Entfernen von Kommentaren, Leerzeichen und redundanter Syntax. Die exakte Größenersparnis wird direkt angezeigt. HTML-Minifizierer Verkleinern Sie Ihr HTML durch Entfernen von Kommentaren und Zusammenfassen von Leerzeichen — mehr Seitengeschwindigkeit ganz ohne Server. JavaScript-Minifizierer Komprimieren Sie JavaScript durch Entfernen von Kommentaren und Leerraum. Ihr Code wird lokal verarbeitet und nirgendwohin hochgeladen. SQL-Formatierer Verwandeln Sie unübersichtliche Einzeiler in sauber eingerücktes, lesbares SQL. Unterstützt MySQL, PostgreSQL, SQLite, T-SQL und MariaDB. Regex-Tester & Spielwiese Schreiben Sie ein Muster, fügen Sie Testtext ein und sehen Sie Treffer live hervorgehoben — mit Capture-Gruppen, Flags und einer schnellen Syntax-Referenz. Meta-Tag-Generator Geben Sie Ihre Seitendaten ein und erhalten Sie vollständige, einfügefertige HTML-Meta-Tags — SEO-Basics, Open Graph und Twitter Cards, mit Live-Vorschau. UUID- / GUID-Generator Generieren Sie eine oder hunderte UUID-v4-Kennungen nach RFC 4122 mit Formatoptionen. Nutzt die native Browser-Kryptografie — sofort und offlinefähig. JWT-Decoder Fügen Sie ein JSON Web Token ein, um Header und Payload zu inspizieren, das Ablaufdatum mit lesbaren Zeitangaben zu prüfen und die Struktur zu verifizieren — komplett auf Ihrem Gerät. Texte vergleichen Fügen Sie zwei Versionen eines Textes ein und sehen Sie sofort jede hinzugefügte, entfernte oder geänderte Zeile hervorgehoben. Ideal für Code-Review, Verträge und Content. CSS-Verlauf-Generator Gestalten Sie lineare, radiale und konische Verläufe mit verschiebbaren Farbstopps und Live-Vorschau — und kopieren Sie sauberes, einsatzbereites CSS. Cron-Expression-Generator Cron-Zeitpläne zusammenstellen und bestehende in Klartext verstehen. Code-Formatierer HTML, CSS und JavaScript mit einem Klick entminifizieren und einrücken. JSON zu TypeScript-Interfaces Saubere TypeScript-Interfaces aus beliebigem JSON generieren. HTML-zu-JSX-Konverter Beliebiges HTML mit einem Klick in gültiges React-JSX verwandeln. JSON-Pfad-Finder Auf einen Wert im JSON klicken und den exakten Pfad kopieren. .gitignore-Generator Fertige Ignore-Regeln für jede Sprache und jedes Betriebssystem. robots.txt-Generator Allow/Disallow-Regeln zusammenstellen und eine gültige robots.txt erhalten. Open-Graph-Vorschau Sehen Sie Ihren Link genau so, wie soziale Netzwerke ihn rendern. JSON-Diff & Vergleich Struktureller JSON-Vergleich — sehen Sie genau, was sich geändert hat. XML-Formatierer & Validator XML sofort formatieren und auf Syntaxfehler prüfen. JWT-Generator (HS256) Test-JWTs lokal bauen und signieren — Secrets bleiben auf Ihrem Gerät. URL-Slug-Generator Saubere, SEO-freundliche Slugs aus jeder Überschrift. Markdown-Editor mit Live-Vorschau Links Markdown schreiben, rechts gerendertes HTML sehen. Strings escapen / unescapen Strings sicher für JSON, HTML, SQL, Regex und mehr escapen. HTML-Entity-Kodierer & -Dekodierer Sonderzeichen als HTML-Entities kodieren — oder zurück dekodieren. Box-Shadow-Generator Der perfekte CSS-Schatten mit Reglern und Live-Vorschau. CSS-Flexbox-Playground Flexbox-Eigenschaften visuell anpassen und das CSS kopieren. CSS-Grid-Generator Grid-Layouts visuell entwerfen — sofort sauberes CSS erhalten. HTTP-Statuscode-Referenz Was jeder Statuscode bedeutet — und wie man ihn behebt. URL-Parser & -Analyzer Jede Komponente einer URL sehen und bearbeiten. Erklärer für reguläre Ausdrücke Verstehen Sie jede komplexe Regex in Sekunden, ohne Symbole auswendig zu lernen. JSON-zu-Go-Struct-Konverter JSON einfügen, Struct mit Tags zum Kopieren erhalten. cURL-zu-Code-Konverter Von der Kommandozeile zu fetch oder requests mit einem Klick. package.json-Generator Starten Sie Ihr Node-Projekt mit einem gut strukturierten Manifest. Mock-API-Datengenerator für Tests Realistische JSON-Daten, bevor Ihr Backend fertig ist. PX-zu-REM-und-EM-Umrechner CSS-Einheitenrechner mit fertiger Umrechnungstabelle. Online-Tastatur-Tester Taste drücken, Code sehen, defekte Tasten erkennen. Automatischer JSON-Schema-Generator Von einem JSON-Beispiel zum vollständigen Validierungsschema. Generator für zufällige Testdaten Realistische Dummy-Daten für Ihre Tests, ganz ohne Server. Cookie-Einwilligungsbanner-Generator DSGVO-konformer Banner-Code, bereit zum Einfügen in Ihre Website. Visueller Markdown-Tabellen-Generator Tabelle visuell gestalten, sauberes Markdown kopieren. CSS-zu-Tailwind-Konverter Von CSS-Eigenschaften zu Utility-Klassen mit einem Einfügen. .env-Datei-Generator Fertige env-Vorlagen für Datenbanken und gängige Dienste. GitHub-Actions-Workflow-Generator Eine komplette CI/CD-Pipeline für Ihr Repository in einer Minute. Generator für Commit-Nachrichten Einheitliche Commits für eine klarere Git-Historie. TypeScript-in-Zod-Konverter TS-Interfaces sofort in Zod-Schemata umwandeln. API-Dokumentations-Generator Endpoints in saubere Markdown-Doku verwandeln. Code-Snippet-Bild-Generator Schöne Code-Screenshots als PNG. Visueller SQL Query Builder SQL-Abfragen visuell erstellen. SemVer-Versionsrechner Versionen vergleichen und npm-Ranges testen. CSS-Spezifitäts-Rechner Welcher Selektor gewinnt? (a,b,c)-Wert. Makefile-Generator Fertige Makefiles mit gängigen Targets. WebSocket-Tester & Debugger WS-Nachrichten live senden und prüfen. Codemod-Runner Code stapelweise mit Regeln transformieren und Diff prüfen SQL in NoSQL Umwandeln SELECT/INSERT/UPDATE/DELETE in MongoDB oder DynamoDB übersetzen GraphQL Playground GraphQL ohne Server formatieren, validieren und inspizieren Abhängigkeits-Analyzer package.json-Abhängigkeiten, Bereiche und Risiken in Sekunden prüfen Set-Cookie Header Generator Bauen Sie einen Set-Cookie-Header mit den richtigen Sicherheitsattributen — plus JS- und Express-Code. .editorconfig Generator Erzeugen Sie eine .editorconfig, die Einrückung und Zeilenenden im ganzen Team konsistent hält. tsconfig.json Generator Erstellen Sie eine moderne tsconfig.json mit den richtigen Presets für Node, Vite, React oder Libraries. Prettier Config Generator Bauen Sie Ihre .prettierrc visuell — Breite, Anführungszeichen, Semikolons und mehr. ESLint Config Generator Erzeugen Sie eine moderne eslint.config.js im Flat-Config-Format für JS, TypeScript, React oder Vue. vite.config.ts Generator Bauen Sie eine vite.config.ts mit Framework-Plugin, Alias, Dev-Proxy und Build-Optionen. webpack.config.js Generator Erzeugen Sie eine Webpack-5-Konfiguration mit Loadern, Dev-Server und Cache-Busting. tailwind.config.js Generator Bauen Sie eine tailwind.config.js mit Ihren Farben, Schriften, Dark Mode und offiziellen Plugins. PWA Manifest Generator Erzeugen Sie das manifest.webmanifest Ihrer PWA mit Icons, Theme-Farben und Anzeigemodus. .gitlab-ci.yml Generator Erzeugen Sie eine GitLab-CI-Pipeline für Node, Python oder Docker — mit Cache und Artefakten. Open-Source-Lizenz Generator Wählen Sie MIT, Apache 2.0, GPL, BSD, ISC oder Unlicense und erhalten Sie die fertige LICENSE-Datei. KI-Assistenten Config Generator Erzeugen Sie CLAUDE.md, .cursorrules oder Copilot-Anweisungen mit dem Kontext Ihres Projekts. MCP Server Config Generator Erzeugen Sie das mcpServers-JSON für Claude oder das servers-Format für VS Code — stdio oder HTTP. curl-Befehl-Builder Vollständige curl-Befehle mit Headern, Auth und Body zusammenstellen — ohne Syntax-Raten. Git-Befehlsgenerator Die richtigen Git-Befehle zum Rückgängigmachen, Squashen, Branchen und Taggen — sicher. npm / yarn / pnpm / bun Konverter Den äquivalenten Befehl in allen vier Paketmanagern auf einen Blick sehen. Bash-Skript-Generator Mit einer erprobten Bash-Vorlage starten — Strict Mode, Argumentparsing, Retries und mehr. Bash-Formatter Unordentliche Shell-Skripte mit konsistenter, lesbarer Blockstruktur neu einrücken. GitHub-README-Generator Ein professionelles README mit Badges, Inhaltsverzeichnis und Stack-spezifischen Installationsschritten aufsetzen. README-Badge-Generator Individuelle shields.io-Badges erstellen und fertige GitHub-Badges in Markdown übernehmen. Markdown-Inhaltsverzeichnis-Generator Markdown einfügen und ein Inhaltsverzeichnis mit GitHub-kompatiblen Ankerlinks erhalten. CHANGELOG-Generator Ein sauberes CHANGELOG.md im Keep-a-Changelog-Standard bauen — Versionen, Daten und Kategorien. Conventional-Commits-Generator Gültige Commit-Nachrichten im Conventional-Commits-Standard bauen — Typ, Scope und Breaking Changes. React-Komponenten-Generator Typisierte React-Komponenten mit Hooks, Refs und Style-Dateien in Sekunden aufsetzen. SQL CREATE TABLE Generator Ihre Tabelle im Formular entwerfen und das passende CREATE TABLE für Ihre Datenbank erhalten. SQL INSERT Generator CSV-Daten einfügen und korrekt zitierte INSERT-Anweisungen für jede Datenbank erhalten. JSON in SQL INSERT umwandeln Erzeugen Sie ausführbare INSERTs direkt aus JSON-Daten JSON in HTML-Tabelle umwandeln Erzeugen Sie ein einfügefertiges table-Tag aus JSON-Daten JSON in JavaScript-Objekt umwandeln Machen Sie aus JSON ein einfügefertiges Literal für Ihren Code JSON in String umwandeln (Stringify) Escapen Sie JSON als quotierten String oder dekodieren Sie zurück CSV in SQL INSERT umwandeln Erzeugen Sie INSERTs direkt aus einer CSV-Datei CSV-zu-HTML-Tabellen-Konverter Erzeugen Sie ein fertiges table-Tag aus CSV-Daten XPath-Tester Testen Sie XPath-Ausdrücke live auf XML Linter für .env-Dateien Finden Sie .env-Fehler, bevor sie Ihr Deployment brechen JSON-zu-C#-Konverter JSON direkt im Browser in C#-Klassen umwandeln JSON-zu-Java-Konverter JSON direkt im Browser in Java-Klassen umwandeln JSON-zu-Kotlin-Konverter JSON direkt im Browser in Kotlin-Data Classes umwandeln JSON-zu-Swift-Konverter JSON direkt im Browser in Swift-Structs umwandeln JSON-zu-Rust-Konverter JSON direkt im Browser in Rust-Structs umwandeln JSON-zu-Dart-Konverter JSON direkt im Browser in Dart-Klassen umwandeln JSON-zu-Python-Konverter JSON direkt im Browser in Python-Data Classes umwandeln JSON-zu-Pydantic-Konverter JSON direkt im Browser in Pydantic-Modelle umwandeln JSON-zu-PHP-Konverter JSON direkt im Browser in PHP-Klassen umwandeln JSON-zu-Zod-Konverter JSON direkt im Browser in Zod-Schemas umwandeln JSON-zu-GraphQL-Konverter JSON direkt im Browser in GraphQL-Schemas umwandeln JSON-zu-Protobuf-Konverter JSON direkt im Browser in Protobuf-Schemas umwandeln Mongoose-Schema-Generator aus JSON Ein einsatzbereites Mongoose-Schema aus Beispiel-JSON ableiten Prisma-Schema-Generator aus JSON Beispiel-JSON mit einem Klick in ein Prisma-Model verwandeln JSON-Viewer Beliebige JSON-Daten als lesbaren Baum erkunden JSON-Schema-Validator Jedes JSON-Dokument mit Ajv gegen sein Schema prüfen NDJSON-zu-JSON-Konverter JSON Lines in ein JSON-Array umwandeln — und zurück
Über diese Werkzeuge
Formatieren und minifizieren sind derselbe Schalter
Formatieren fügt die Einrückung und Zeilenumbrüche hinzu, die ein Mensch zum Lesen braucht; Minifizieren nimmt sie wieder weg, damit eine Maschine weniger Bytes überträgt. Beides ändert nur den Leerraum und die Struktur, nie die Bedeutung, sodass du eine minifizierte Antwort für die Fehlersuche aufklappen und wieder zusammenfalten kannst, bevor du sie ausspielst — ohne dass sich unterwegs etwas am Verhalten ändert.
Diffs zeigen dir Absicht, nicht nur Text
Ein Textvergleich beantwortet "was hat sich geändert", aber ein zeilenweiser Vergleich beantwortet das oft schlecht, wenn eine Formatierung alles verschoben hat. Erst zu formatieren und dann zu vergleichen ist der Trick, der aus tausend geänderten Zeilen die drei macht, die wirklich zählen. Genau deshalb liegen diese Werkzeuge in derselben Kategorie und nicht in getrennten Ecken der Seite.
Reguläre Ausdrücke lassen sich nur an Beispielen prüfen
Ein Muster, das in deinem Kopf funktioniert, scheitert an leeren Feldern, Unicode-Zeichen, Zeilenumbrüchen mitten im Wert und der einen Zeile, in der jemand ein Semikolon benutzt hat. Ein Tester, der Treffer live hervorhebt, während du tippst, ersetzt das Raten durch Prüfen, und weil er im Browser läuft, kannst du echte Daten hineinkleben, ohne sie irgendwohin zu senden.