What is a case converter?

A case converter is a tool that transforms text between different capitalization formats such as Sentence case, Title Case, UPPER CASE, lowercase, camelCase, PascalCase, snake_case, and kebab-case. It is used by writers, developers, SEO professionals, and students to quickly reformat text.

What is Sentence Case?

Sentence case capitalizes only the first letter of the first word in a sentence (and proper nouns) while keeping the rest lowercase. Example: "the quick brown fox" → "The quick brown fox". It follows standard grammatical rules for professional writing.

Title Case capitalizes the first letter of most words in a title while keeping short prepositions, conjunctions, and articles lowercase (e.g., "of", "and", "the"). Example: "the art of war" → "The Art of War". Different style guides (APA, Chicago, MLA) have slightly different rules.

camelCase writes compound words with no spaces, where each word after the first starts with a capital letter. Example: "user profile settings" → "userProfileSettings". It is widely used in JavaScript, Java, and TypeScript for variable and function names.

snake_case writes compound words in all lowercase separated by underscores. Example: "user profile settings" → "user_profile_settings". It is the standard naming convention in Python, Ruby, and SQL databases.

kebab-case (also called dash-case or hyphen-case) writes compound words in all lowercase separated by hyphens. Example: "user profile settings" → "user-profile-settings". It is used in CSS class names, URL slugs, and HTML attributes.

Is this case converter free to use?

Yes, CaseConverter is 100% free for personal and professional use with no registration or sign-up required. All text transformations happen locally in your browser — your text is never sent to any server.

How secure is my data?

Completely secure. All case conversions are processed entirely within your browser using JavaScript. No text is ever uploaded to or stored on our servers. Your data never leaves your device.

kebab-case Generator

Convert any text to kebab-case — all lowercase, words separated by hyphens. The standard format for CSS class names, URL slugs, and HTML data attributes.

CSSHTMLURL SlugsVue.jsReactTailwind

0 Chars

0 Words

0 Lines

kebab-case Examples

Input

Hello World

kebab-case

hello-world

Input

background color

kebab-case

background-color

Input

my blog post title

kebab-case

my-blog-post-title

Input

User Profile Page

kebab-case

user-profile-page

What is kebab-case?

kebab-case (also called dash-case or hyphen-case) writes all words in lowercase and separates them with hyphens (-). The name refers to how letters are “skewered” together, like food on a kebab stick.

It is the standard for CSS class names, HTML attribute values, URL paths, and Vue.js component names.

kebab-case Usage

CSS class names

.primary-button { }

URL slugs

/blog/my-article-title

HTML data attributes

data-user-id="123"

Vue.js components

<my-component />

NPM package names

react-query, next-auth

kebab-case Generator

kebab-case Examples

What is kebab-case?

kebab-case Usage

Related Tools