Case Converter

Case Converter

Wandle jeden String in 11 Namenskonventionen gleichzeitig um — camelCase, PascalCase, snake_case, kebab-case und mehr. Plus ein JSON-keys-Stapelmodus, der jeden Schlüssel rekursiv umschreibt. Alles in deinem Browser.

Case Converter — TL;DR

Wandle jeden String in 11 Namenskonventionen gleichzeitig um — camelCase, PascalCase, snake_case, kebab-case und mehr. Plus ein JSON-keys-Stapelmodus, der jeden Schlüssel rekursiv umschreibt. Alles in deinem Browser.

Sie sind alle Möglichkeiten, mehrteilige Bezeichner (oder Dateinamen, URLs, CSS-Klassen) ohne Leerzeichen zu schreiben. camelCase schreibt jedes Wort nach dem ersten groß (`userFirstName`), verwendet in JavaScript, Java, Swift. snake_case schreibt alles klein und verbindet mit Unterstrichen (`user_first_name`), verwendet in Python, Ruby, SQL. kebab-case verwendet Bindestriche (`user-first-name`), eingesetzt in CSS, HTML, URL-Slugs, Befehlszeilen-Flags. PascalCase ist camelCase mit auch dem ersten Buchstaben großgeschrieben (`UserFirstName`), verwendet für Klassen-/Typnamen in vielen Sprachen.

Der Tokenisierer verwendet zwei Grenzregeln: klein-zu-groß (`a` gefolgt von `B` = Trennung) und Großbuchstaben-dann-Title (eine Folge von Großbuchstaben gefolgt von einem Kleinbuchstaben trennt vor dem letzten Großbuchstaben). So wird `XMLHttpRequest` zu `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` wird zu `[user, ID, Token]` → `user_id_token`. Das entspricht dem, was die meisten Sprach-Styleguides empfehlen.

Bezeichner und JSON verlassen niemals dein Gerät. Öffne DevTools → Network und du wirst während der Konvertierung oder dem Kopieren null ausgehende Anfragen sehen.

Elf Namenskonventionen, ein einziges Einfügen

Vom klassischen camelCase / snake_case bis zu dot.case / path/case — plus ein JSON-keys-Stapelmodus zum Umbenennen jedes Schlüssels in einem verschachtelten Objekt.

11 Case-Stile, alle auf einmal

camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, COBOL-CASE, dot.case, path/case, Title Case, Sentence case, UPPERCASE, lowercase. Einmal einfügen, jede Ausgabe sofort sehen.

Intelligente Tokenisierung

Trennt Bezeichner über alle Eingabestile hinweg korrekt — `XMLHttpRequest` → `xml_http_request`, `userIDToken` → `user_id_token`. Verarbeitet Akronyme, Ziffern und gemischte Trennzeichen (_, -, ., /) ohne Verwirrung.

JSON-keys-Stapelmodus

Füge ein verschachteltes JSON-Objekt ein und schreibe jeden Schlüssel im gewählten Stil um — rekursiv. Optional auch String-Werte umwandeln. Bewahrt Arrays, Typen und Struktur.

Ein-Klick-Kopieren

Jede Ausgabezeile hat ihren eigenen Kopier-Button — klicken und der Wert ist in deiner Zwischenablage. Visuelle Bestätigung; kein Toast-Spam.

Datenschutz von Grund auf

Jede Konvertierung läuft in JavaScript auf deinem Gerät. Keine Bezeichner, kein JSON, keine Aktivität in der Zwischenablage werden je übertragen. Öffne DevTools → Network und prüfe null ausgehende Anfragen.

Klein + schnell

Reines JavaScript, keine Framework-Laufzeit. Cold Load unter 25 KB gzipped. Alle 11 Konvertierungen für einen beliebigen String in unter 1 ms abgeschlossen.

So benutzt du den Converter

Zwei Modi — Einzel-String und JSON-keys-Stapel.

  1. 1

    Modus wählen

    Einzelner String für einen Bezeichner oder Ausdruck — einmal eingeben/einfügen, alle 11 Case-Ausgaben sehen. JSON-Schlüssel (Stapel), wenn du jeden Schlüssel in einer verschachtelten API-Antwort oder Konfigurationsdatei umwandeln musst.

  2. 2

    Eingabe einfügen

    Der Einzel-String-Modus akzeptiert jede Eingabe — `userFirstName`, `user_first_name`, `user-first-name`, `USER FIRST NAME`, sogar `XMLHttpRequest`. Der Tokenisierer trennt sie korrekt und fügt sie für jeden Ausgabestil neu zusammen. Der JSON-Modus akzeptiert jedes gültige JSON-Objekt — die Tiefe spielt keine Rolle.

  3. 3

    Zielstil wählen

    Im Einzel-String-Modus erscheinen alle 11 Ausgaben auf einmal — wähle, was du brauchst. Im JSON-Modus wähle einen Ziel-Case aus dem Dropdown; jeder Schlüssel im Objekt wird in diesem Stil umgeschrieben.

  4. 4

    Kopieren und einfügen

    Klicke auf das Kopier-Symbol neben einer Ausgabezeile, um sie in die Zwischenablage zu senden. Bei JSON-Ausgabe kopiere den gesamten Ergebnisblock — direkt in deine Codebasis oder deinen API-Client einfügen.

Gebaut für Code-Reviews, Refactorings und API-Plumbing

Vier häufige Szenarien, in denen einmal Einfügen und alle Stile zu erhalten besser ist als mühseliges Umbenennen.

Backend-↔-Frontend-Grenze

Das Backend liefert dir `user_first_name`; das Frontend will `userFirstName`. Einfügen, kopieren, einfügen — fertig. Nutze den JSON-Stapelmodus, um jeden Schlüssel in einer Beispiel-API-Antwort in einem Schritt umzuwandeln (und schreibe dann das codegen-Template auf Basis des Ergebnisses).

Refactoring zwischen Sprachen

Portierst du eine Python-Bibliothek nach JavaScript? Nimm die snake_case-Bezeichner aus dem Python-Quelltext und schicke sie durch die camelCase-Ausgabe. Übernimm das Ergebnis in deinen JS-Port. Der intelligente Tokenisierer verarbeitet `__double_underscore` und nachgestellte Ziffern, ohne kaputtzugehen.

ENV-Variablen ↔ Laufzeit-Konfiguration

Wandle `MY_AWESOME_FEATURE_FLAG` (env-var-Konvention) in `myAwesomeFeatureFlag` (JS-Variable) oder `my_awesome_feature_flag` (Python) um. Der CONSTANT_CASE-/camelCase-/snake_case-Round-Trip ist exakt.

CSS-/Dateibenennung

BEM erwartet kebab-case: `.user-card__avatar--large`. Hast du einen JS-Variablennamen von einem Designer (`userCardAvatarLarge`)? In einem Schritt umwandeln. Nützlich für Tailwind-Utilities, npm-Paketnamen, URL-Slugs und CLI-Flag-Namen — die alle kebab-case bevorzugen.

100% privat — läuft in deinem Browser

Bezeichner und JSON verlassen niemals dein Gerät. Öffne DevTools → Network und du wirst während der Konvertierung oder dem Kopieren null ausgehende Anfragen sehen.

  • Die gesamte Tokenisierung, Case-Konvertierung und JSON-Traversierung läuft als JavaScript auf deiner Maschine — sichtbar im Seitenquelltext.
  • Schreibvorgänge in die Zwischenablage verwenden die Standard-API navigator.clipboard.writeText; nichts wird protokolliert.
  • Kein Login, keine Telemetrie über Bezeichnerwerte, keine Drittanbieter-API. Wir verwenden nur ein cookie für den Cookie-Zustimmungsstatus und eines für die Sprachpräferenz.

Verwandte Anleitungen

Handverlesene Lektüren zu Namenskonventionen, API-Design und Refactoring.

Häufig gefragt

Was ist der Unterschied zwischen camelCase, snake_case und kebab-case?

Sie sind alle Möglichkeiten, mehrteilige Bezeichner (oder Dateinamen, URLs, CSS-Klassen) ohne Leerzeichen zu schreiben. camelCase schreibt jedes Wort nach dem ersten groß (`userFirstName`), verwendet in JavaScript, Java, Swift. snake_case schreibt alles klein und verbindet mit Unterstrichen (`user_first_name`), verwendet in Python, Ruby, SQL. kebab-case verwendet Bindestriche (`user-first-name`), eingesetzt in CSS, HTML, URL-Slugs, Befehlszeilen-Flags. PascalCase ist camelCase mit auch dem ersten Buchstaben großgeschrieben (`UserFirstName`), verwendet für Klassen-/Typnamen in vielen Sprachen.

Wie behandelt der intelligente Tokenisierer Akronyme?

Der Tokenisierer verwendet zwei Grenzregeln: klein-zu-groß (`a` gefolgt von `B` = Trennung) und Großbuchstaben-dann-Title (eine Folge von Großbuchstaben gefolgt von einem Kleinbuchstaben trennt vor dem letzten Großbuchstaben). So wird `XMLHttpRequest` zu `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` wird zu `[user, ID, Token]` → `user_id_token`. Das entspricht dem, was die meisten Sprach-Styleguides empfehlen.

Was macht der JSON-keys-Stapelmodus?

Füge ein JSON-Objekt ein — auch ein tief verschachteltes — und wähle einen Ziel-Case-Stil. Das Tool durchläuft den gesamten Baum in Tiefensuche, konvertiert jeden Schlüssel (einschließlich Schlüsseln in Arrays) und gibt das neu aufgebaute JSON aus. Arrays, Typen (number / boolean / null) und Struktur bleiben exakt erhalten. Aktiviere "Auch String-Werte umwandeln", um zusätzlich den Inhalt jedes string-wertigen Feldes durch denselben Tokenisierer umzuschreiben.

Welche Konvention sollte ich für mein Projekt verwenden?

Folge zuerst der dominanten Konvention deiner Sprache, dann der deines Teams. Standardmäßig: camelCase für JS / Java / Swift / Kotlin / Go (exportierte Namen verwenden PascalCase), snake_case für Python / Ruby / Rust / SQL-Spalten, kebab-case für CSS-Klassen / HTML-Attribute / URL-Pfade / npm-Pakete / CLI-Flags, SCREAMING_SNAKE_CASE für Umgebungsvariablen und Sprach-Konstanten. Wähle beim Konvertieren zwischen Schichten (snake_case API → camelCase Frontend) eine einzige Grenze und halte den Rest des Systems konsistent.

Wird etwas an euren Server gesendet?

Nein. Tokenisierung, jede Konvertierung und der JSON-keys-Stapelmodus laufen alle als JavaScript in deinem Browser. Öffne DevTools → Network und du wirst während der Nutzung null ausgehende Anfragen sehen. Wir verwenden ein cookie für den Cookie-Zustimmungsstatus und eines für die Sprachpräferenz, mehr nicht.