Convert text to kebab-case — and see all four developer case formats simultaneously: kebab-case, camelCase, PascalCase, and snake_case.
Fill in the fields or paste your input text. Click Sample to load an example and see the tool in action.
Press the main button to process your input. Results appear instantly — all processing runs in your browser, no upload needed.
Check the output panel. Any errors are shown in a red bar with a clear description so you can fix the input quickly.
Click Copy to copy to clipboard, or Download to save the result as a file.
kebab-case writes all words in lowercase and separates them with hyphens. "user login count" becomes "user-login-count". The name comes from the appearance of words threaded on a hyphen like a kebab skewer.
Use kebab-case for CSS class names and IDs, HTML data-* attributes, URL slugs and paths, npm/yarn package names, file names in web projects, and most YAML/TOML config keys.
Yes — kebab-case, slug-case, spinal-case, and dash-case all refer to the same format: lowercase words separated by hyphens. The term "slug" is most common in content management and SEO contexts.
Accented characters are normalised to their ASCII equivalents before conversion: é becomes e, ü becomes u, ñ becomes n, etc. This ensures the output is valid for CSS, HTML attributes, and URLs.
Yes — the tool shows a Train-Case variant (My-Component-Name) alongside the standard kebab-case. Train-Case is used in some HTTP headers and component naming conventions.
Yes. All conversion runs locally in your browser. Nothing is sent to any server.
