Convertissez n'importe quelle chaîne en 11 conventions de nommage à la fois — camelCase, PascalCase, snake_case, kebab-case et plus encore. Plus un mode JSON-keys par lot qui réécrit récursivement chaque clé. Tout dans votre navigateur.
Convertissez n'importe quelle chaîne en 11 conventions de nommage à la fois — camelCase, PascalCase, snake_case, kebab-case et plus encore. Plus un mode JSON-keys par lot qui réécrit récursivement chaque clé. Tout dans votre navigateur.
Ce sont tous des moyens d'écrire des identifiants composés de plusieurs mots (ou des noms de fichiers, des URL, des classes CSS) sans espaces. camelCase met en majuscule chaque mot après le premier (`userFirstName`), utilisé en JavaScript, Java, Swift. snake_case met tout en minuscules et joint avec des soulignés (`user_first_name`), utilisé en Python, Ruby, SQL. kebab-case utilise des traits d'union (`user-first-name`), utilisé en CSS, HTML, slugs d'URL, drapeaux en ligne de commande. PascalCase est camelCase avec aussi la première lettre en majuscule (`UserFirstName`), utilisé pour les noms de classes / types dans de nombreux langages.
Le tokeniseur utilise deux règles de séparation : minuscule-vers-majuscule (`a` suivi de `B` = séparation) et majuscules-puis-Title (une suite de majuscules suivie d'une minuscule se sépare avant la dernière majuscule). Donc `XMLHttpRequest` devient `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` devient `[user, ID, Token]` → `user_id_token`. Cela correspond à ce que recommandent la plupart des guides de style.
Les identifiants et le JSON ne quittent jamais votre appareil. Ouvrez DevTools → Network et vous verrez zéro requête sortante pendant la conversion ou la copie.
Du classique camelCase / snake_case au dot.case / path/case — plus un mode JSON-keys par lot pour renommer chaque clé d'un objet imbriqué.
camelCase, PascalCase, snake_case, CONSTANT_CASE, kebab-case, COBOL-CASE, dot.case, path/case, Title Case, Sentence case, UPPERCASE, lowercase. Collez une fois, voyez chaque sortie instantanément.
Sépare correctement les identifiants quel que soit le style d'entrée — `XMLHttpRequest` → `xml_http_request`, `userIDToken` → `user_id_token`. Gère les acronymes, les chiffres et les séparateurs mixtes (_, -, ., /) sans confusion.
Collez un objet JSON imbriqué et réécrivez chaque clé dans le style choisi — récursivement. Convertissez aussi les valeurs de chaîne en option. Préserve les tableaux, les types et la structure.
Chaque ligne de sortie a son propre bouton de copie — cliquez et la valeur est dans votre presse-papiers. Confirmation visuelle; pas de spam de notifications.
Chaque conversion s'exécute en JavaScript sur votre appareil. Aucun identifiant, aucun JSON, aucune activité du presse-papiers n'est jamais transmis. Ouvrez DevTools → Network et vérifiez l'absence totale de requêtes sortantes.
JavaScript pur, sans runtime de framework. Le chargement à froid pèse moins de 25 Ko gzippés. Les 11 conversions pour n'importe quelle chaîne s'exécutent en moins de 1 ms.
Deux modes — chaîne unique et clés JSON par lot.
Chaîne unique pour un identifiant ou une expression — tapez / collez une fois, voyez les 11 sorties de casse. Clés JSON (par lot) lorsque vous devez convertir chaque clé d'une réponse d'API ou d'un fichier de configuration imbriqué.
Le mode chaîne unique accepte n'importe quelle entrée — `userFirstName`, `user_first_name`, `user-first-name`, `USER FIRST NAME`, même `XMLHttpRequest`. Le tokeniseur la sépare correctement et la rejoint pour chaque style de sortie. Le mode JSON accepte n'importe quel objet JSON valide — la profondeur n'a pas d'importance.
En mode chaîne unique, les 11 sorties apparaissent en même temps — choisissez celle dont vous avez besoin. En mode JSON, choisissez une seule casse cible dans le menu déroulant; chaque clé de l'objet est réécrite dans ce style.
Cliquez sur l'icône de copie à côté de n'importe quelle ligne de sortie pour l'envoyer dans le presse-papiers. Pour la sortie JSON, copiez tout le bloc de résultat — déposez-le directement dans votre code source ou votre client API.
Quatre scénarios courants où coller une fois et obtenir tous les styles vaut mieux qu'un renommage à la main.
Le backend vous donne `user_first_name`; le frontend veut `userFirstName`. Coller, copier, coller — terminé. Utilisez le mode JSON par lot pour convertir chaque clé d'un exemple de réponse d'API en une seule étape (puis écrivez le template de codegen sur la base du résultat).
Vous portez une bibliothèque Python en JavaScript ? Prenez les identifiants snake_case du source Python et passez-les dans la sortie camelCase. Déposez le résultat dans votre portage JS. Le tokeniseur intelligent gère `__double_underscore` et les chiffres en fin sans rien casser.
Convertissez un `MY_AWESOME_FEATURE_FLAG` (convention de variable d'environnement) en `myAwesomeFeatureFlag` (variable JS) ou `my_awesome_feature_flag` (Python). L'aller-retour CONSTANT_CASE / camelCase / snake_case est exact.
BEM attend du kebab-case : `.user-card__avatar--large`. Vous avez reçu un nom de variable JS d'un designer (`userCardAvatarLarge`) ? Convertissez en une étape. Utile pour les utilitaires Tailwind, les noms de paquets npm, les slugs d'URL et les noms de drapeaux CLI — tous préfèrent kebab-case.
Les identifiants et le JSON ne quittent jamais votre appareil. Ouvrez DevTools → Network et vous verrez zéro requête sortante pendant la conversion ou la copie.
navigator.clipboard.writeText; rien n'est journalisé.
Lectures sélectionnées sur les conventions de nommage, la conception d'API et le refactoring.
Language conventions, framework defaults, and the team-trumps-style rule. With practical examples for JavaScript, Python, Go, Rust, and CSS.
Why most APIs accidentally pick the wrong style — and three patterns (interceptor, codegen, manual) for keeping both sides happy without the bugs.
Ce sont tous des moyens d'écrire des identifiants composés de plusieurs mots (ou des noms de fichiers, des URL, des classes CSS) sans espaces. camelCase met en majuscule chaque mot après le premier (`userFirstName`), utilisé en JavaScript, Java, Swift. snake_case met tout en minuscules et joint avec des soulignés (`user_first_name`), utilisé en Python, Ruby, SQL. kebab-case utilise des traits d'union (`user-first-name`), utilisé en CSS, HTML, slugs d'URL, drapeaux en ligne de commande. PascalCase est camelCase avec aussi la première lettre en majuscule (`UserFirstName`), utilisé pour les noms de classes / types dans de nombreux langages.
Le tokeniseur utilise deux règles de séparation : minuscule-vers-majuscule (`a` suivi de `B` = séparation) et majuscules-puis-Title (une suite de majuscules suivie d'une minuscule se sépare avant la dernière majuscule). Donc `XMLHttpRequest` devient `[XML, Http, Request]` → `xml_http_request` / `xmlHttpRequest` / `XmlHttpRequest`. `userIDToken` devient `[user, ID, Token]` → `user_id_token`. Cela correspond à ce que recommandent la plupart des guides de style.
Collez un objet JSON — même profondément imbriqué — et choisissez un style de casse cible. L'outil parcourt l'arbre entier en profondeur, convertit chaque clé (y compris les clés à l'intérieur des tableaux) et produit le JSON reconstruit. Les tableaux, les types (number / boolean / null) et la structure sont préservés exactement. Activez « Convertir aussi les valeurs de chaîne » pour réécrire en plus le contenu de chaque champ de type chaîne via le même tokeniseur.
Suivez d'abord la convention dominante de votre langage, puis celle de votre équipe. Par défaut : camelCase pour JS / Java / Swift / Kotlin / Go (les noms exportés utilisent PascalCase), snake_case pour Python / Ruby / Rust / colonnes SQL, kebab-case pour les classes CSS / attributs HTML / chemins d'URL / paquets npm / drapeaux CLI, SCREAMING_SNAKE_CASE pour les variables d'environnement et les constantes. Lors de la conversion entre couches (snake_case API → camelCase frontend), choisissez une seule frontière et gardez le reste du système cohérent.
Non. La tokenisation, chaque conversion et le mode JSON-keys par lot s'exécutent tous en JavaScript dans votre navigateur. Ouvrez DevTools → Network et vous verrez zéro requête sortante pendant l'utilisation. Nous utilisons un cookie pour l'état du consentement aux cookies et un pour la préférence de langue, c'est tout.