Skip to content
Free Tab Toolsnothing uploaded

Runs in your browser · Last updated 4 September 2026

Kebab Case Converter

camelCase or snake_case to kebab-case for CSS classes and slugs. Browser only.

kebab-case
hello-world-example
xml-http-request
user-id-value
camelCase
helloWorldExample
xmlHttpRequest
userIdValue
PascalCase
HelloWorldExample
XmlHttpRequest
UserIdValue
snake_case
hello_world_example
xml_http_request
user_id_value
CONSTANT_CASE
HELLO_WORLD_EXAMPLE
XML_HTTP_REQUEST
USER_ID_VALUE
Title Case
Hello World Example
Xml Http Request
User Id Value
Sentence case
Hello world example
Xml http request
User id value
UPPER CASE
HELLO WORLD EXAMPLE
XMLHTTPREQUEST
USER_ID_VALUE
lower case
hello world example
xmlhttprequest
user_id_value

How to use this tool

  1. Paste camelCase, snake_case, or a phrase.
  2. Copy the highlighted kebab-case block.
  3. Use extra lines for a list of class names.

Worked example

user_id_value → user-id-value. XMLHttpRequest → xml-http-request.

Frequently asked questions

What is kebab-case?
Lowercase words joined with hyphens. CSS classes, HTML ids, and URL slugs use it.
Camel to kebab?
helloWorldExample → hello-world-example.
Is this a slug generator?
Close. It does not strip stopwords or transliterate. For SEO slugs see the meta tools; this page is for identifiers.
Uploaded?
No.
Dots?
Treated as separators, same as spaces.