Convert Text to kebab-case Online Convert text to kebab-case for CSS classes, URLs, and file names.

A kebab-case converter transforms text into kebab-case format, where all letters are lowercase and words are separated by hyphens. Developers who work with CSS, HTML, and JavaScript use it to convert camelCase or PascalCase names to a format compatible with their frameworks. One specific problem it solves is handling long strings of text that need to be converted to kebab case for use in URL slugs or npm package names.

The tool uses regular expressions to split words in the input string, replacing underscores, hyphens, and periods with spaces before converting them to lowercase and joining with hyphens. This process allows it to handle complex strings like "helloWorld" or "background-color-test", producing output like "hello-world" and "background-color-test".

What makes this tool different is its ability to process multiline input, splitting each line into words and then joining them back together with hyphens before returning the result. It acts as a kebab-case generator, allowing users to convert text to kebab-case online without having to write custom code or use a separate text editor. For example, if you paste "Hello World" and "backgroundColor" into the tool, it will output "hello-world" and "background-color", which can then be used directly in your code. The output is formatted with each line on a new line, making it easy to copy and paste into your project.