SmartKitio

Text & writing · Updated 2026-10-04

Camel Case vs Snake Case vs Kebab Case

Programming and web conventions reuse English words inside identifiers that cannot contain spaces. Case styles pack those words into one token while staying readable.

The three styles

Same phrase, three casings

StyleExampleMechanism
camelCaseorderTotalAmountLower first word; capitalize later words; no separators
PascalCaseOrderTotalAmountCapitalize every word; no separators
snake_caseorder_total_amountLowercase words joined with underscores
kebab-caseorder-total-amountLowercase words joined with hyphens

Where you usually see them

  • camelCase — variables and functions in JavaScript/TypeScript and similar languages.
  • PascalCase — types, classes, and React components.
  • snake_case — many Python identifiers, some database columns, JSON fields in certain APIs.
  • kebab-case — URL slugs, CSS class names, and HTML custom-element names.

Conversion pitfalls

  • Acronyms (HTTPServer vs http_server) need a consistent policy.
  • Digits glued to words (mp3Player) can confuse naive splitters.
  • Already-mixed input may need cleaning before a reliable conversion.

SmartKitio’s case converters transform text in the browser. They are helpers for renaming and drafting—not a full language-aware refactor tool.

Try these SmartKitio tools

Use a tool when you want a result; keep this guide open when you want the method.

Browse family: Text Tools · Developer Tools

Related guides