Is the kebab-case Converter free?

Yes — the kebab-case Converter is completely free, with no account, subscription, signup, or usage limits.

Is my data uploaded or stored?

No. The kebab-case Converter processes everything locally in your browser. Your input is never uploaded, saved, or shared with any server.

Does the kebab-case Converter work offline?

Yes. Once the page has finished loading, the kebab-case Converter works without an internet connection.

Which browsers does the kebab-case Converter work in?

The kebab-case Converter works in all modern browsers, including Chrome, Firefox, Safari, and Edge — no plugins or extensions needed.

What is kebab-case used for?

kebab-case is standard for CSS class names, HTML attributes, URL slugs, npm package names, and web component tag names (e.g. ).

Is kebab-case the same as URL slugs?

Yes — URL slugs are a subset of kebab-case. A slug is a kebab-case string that is also URL-safe, which kebab-case strings always are.

kebab-case Converter

Convert text to kebab-case for URLs, CSS class names, and filenames.

Input text

kebab-case output

Free browser-based tool · Runs 100% on your device · Last updated July 7, 2026

What is the kebab-case Converter?

The free kebab-case Converter transforms any text into kebab-case — all lowercase with words joined by hyphens, making it perfect for URL slugs, CSS class names, and HTML attributes. Paste into the "Input text" field and see the "kebab-case output" immediately.

→ Convert component or module names to kebab-case for Vue, Svelte, or Web Components.
→ Generate CSS class names and custom property names from natural-language descriptions.
→ Transform page titles into URL slugs for a CMS or static site generator.
→ Rename HTML5 data attributes (data-my-value) from camelCase sources.
→ Convert file names to kebab-case for consistent project naming.

How to Use the kebab-case Converter

1 Type or paste your text into the "Input text" field.
2 The "kebab-case output" updates instantly — all lowercase, hyphens between words.
3 Click Copy to use the result.

Key Features

🍢
kebab-case output

All-lowercase, hyphen-separated — the standard for CSS, URLs, and web component names.
🔄
All-format input

Handles spaces, camelCase, PascalCase, snake_case, and mixed input.
⚡
Live conversion

Output refreshes with every keystroke.
🔒
Browser-only

Nothing is uploaded. All conversion runs locally.

Example Usage

Example Input

getUserProfileData
FirstName
total item count

Example Output

get-user-profile-data
first-name
total-item-count

Frequently Asked Questions about the kebab-case Converter

What is the kebab-case Converter?: The kebab-case Converter is a free online tool that lets you convert text to kebab-case for URLs, CSS class names, and filenames. It runs entirely in your browser, so there is nothing to install and nothing is uploaded to a server.
Is the kebab-case Converter free?: Yes — the kebab-case Converter is completely free, with no account, subscription, signup, or usage limits.
Is my data uploaded or stored?: No. The kebab-case Converter processes everything locally in your browser. Your input is never uploaded, saved, or shared with any server.
Does the kebab-case Converter work offline?: Yes. Once the page has finished loading, the kebab-case Converter works without an internet connection.
Which browsers does the kebab-case Converter work in?: The kebab-case Converter works in all modern browsers, including Chrome, Firefox, Safari, and Edge — no plugins or extensions needed.
What is kebab-case used for?: kebab-case is standard for CSS class names, HTML attributes, URL slugs, npm package names, and web component tag names (e.g. <my-button>).
Is kebab-case the same as URL slugs?: Yes — URL slugs are a subset of kebab-case. A slug is a kebab-case string that is also URL-safe, which kebab-case strings always are.