Kebab-case is a naming convention where words are all lowercase and separated by hyphens, for example "my-variable-name". It resembles a kebab on a skewer, hence the name.

Which characters are kept in the output?

Only lowercase ASCII letters (a-z), digits (0-9), and hyphens (-) appear in the output. All other characters — punctuation, symbols, spaces — are treated as word separators or discarded.

Does it handle camelCase and PascalCase inputs?

Yes. Transitions between a lowercase letter and an uppercase letter (e.g. "myVariable") or between letters and digits are treated as word boundaries, so "myVariable" becomes "my-variable".

Are numbers preserved?

Yes. Digits are kept as part of a word token. "version2Release" becomes "version-2-release" because the boundary between a letter and a digit is detected.

Does the tool process multiple lines at once?

Yes. Each non-empty line is converted independently and the results are displayed line by line, so you can batch-convert a list of strings in one pass.

Is my input sent to a server?

No. All conversion happens entirely in your browser using JavaScript. Nothing is transmitted or stored remotely.

kebab-case Converter

Paste any text and instantly convert it to kebab-case format for use in URLs, CSS class names, and HTML attributes.

Input Text

Conversion Examples

Hello World hello-world

camelCaseString camel-case-string

PascalCaseExample pascal-case-example

snake_case_name snake-case-name

Mixed spaces--here mixed-spaces-here

Version2Release version-2-release

kebab-case Output

Enter text on the left to see the result

Copied!

Summary

This tool converts any string — including camelCase, PascalCase, snake_case, Title Case, or plain sentences — into kebab-case (all lowercase words joined by hyphens). It handles Unicode letters, strips invalid characters, and collapses consecutive separators automatically. The result is a clean identifier safe for use in HTML attributes, CSS class names, and URL path segments.

How it works

Paste or type your text into the input box.
The converter detects word boundaries from spaces, underscores, camelCase transitions, and punctuation.
All letters are lowercased and words are joined with hyphens.
Invalid characters (non-alphanumeric, non-hyphen) are removed.
The kebab-case result appears instantly — click Copy to grab it.

Use cases

Generate CSS class names from human-readable labels.
Create URL-safe slugs from article titles or product names.
Convert camelCase or PascalCase variable names for HTML data attributes.
Normalize filenames to a consistent kebab-case convention.
Transform snake_case database column names into kebab-case identifiers.
Convert headings into anchor IDs for markdown or HTML documents.
Produce consistent route segments when scaffolding a new project.
Sanitize user-supplied strings before using them in DOM attributes.

Frequently Asked Questions

Last updated: 2026-05-23 · Reviewed by Nham Vu