Skip to Content

🔄 Case Converter

A tool that converts text to various case styles. Supports 8 conversion styles!

📝 Input Text

🔄 Conversion Options

✨ Result

Select a case style to convert your text. Supports lowercase, UPPERCASE, Capitalize, camelCase, PascalCase, snake_case, kebab-case, and tOGGLE cASE.

Supported Conversion Styles​

1. lowercase​

Converts all characters to lowercase.

Input: Hello World
Result: hello world

2. UPPERCASE​

Converts all characters to uppercase.

Input: Hello World
Result: HELLO WORLD

3. Capitalize Each Word​

Capitalizes the first letter of each word.

Input: hello world
Result: Hello World

4. camelCase​

First word is lowercase, subsequent words start with uppercase.

Input: hello world example
Result: helloWorldExample

5. PascalCase​

Capitalizes the first letter of all words and removes spaces.

Input: hello world example
Result: HelloWorldExample

6. snake_case​

Converts all characters to lowercase and replaces spaces with underscores (_).

Input: Hello World
Result: hello_world

7. kebab-case​

Converts all characters to lowercase and replaces spaces with hyphens (-).

Input: Hello World
Result: hello-world

8. tOGGLE cASE​

Swaps uppercase and lowercase characters.

Input: Hello World
Result: hELLO wORLD

Use Cases​

💻 Programming​

  • Variable Name Conversion: Convert to different naming conventions

    // camelCase: userName
    // snake_case: user_name
    // PascalCase: UserName

  • API Endpoints: Convert to URL format

    // Original: User Profile
    // kebab-case: user-profile
    // Result URL: /api/user-profile

📝 Document Work​

  • Unify Title Style: Convert all titles to a consistent format
  • Organize Lists: Unify the case of items

🎨 CSS/HTML​

  • Generate Class Names: Convert component names to CSS classes 
    // Component: User Profile Card
    // kebab-case: user-profile-card
    // Class: .user-profile-card

🗄️ Database​

  • Table/Column Names: Convert to match database naming conventions 
    // Original: User Name
    // snake_case: user_name

Naming Conventions by Programming Language​

JavaScript / TypeScript​

// Variables, functions: camelCase
let userName = "John";
function getUserData() {}

// Classes, components: PascalCase
class UserProfile {}
const UserCard = () => {};

// Constants: UPPERCASE
const API_KEY = "abc123";

Python​

# Variables, functions: snake_case
user_name = "John"
def get_user_data():
    pass

# Classes: PascalCase
class UserProfile:
    pass

# Constants: UPPERCASE
API_KEY = "abc123"

Java​

// Variables, methods: camelCase
String userName = "John";
public void getUserData() {}

// Classes: PascalCase
public class UserProfile {}

// Constants: UPPERCASE
public static final String API_KEY = "abc123";

CSS / HTML​

/* kebab-case */
.user-profile-card {
  background-color: #fff;
}

#main-navigation {}

Tips​

Pre-Conversion Checklist​

  • Special Characters: Special characters are either removed or recognized as separators depending on the conversion style
  • Numbers: Numbers are preserved and not converted
  • Spaces: Spaces are handled according to each style

Efficient Usage​

  • Multi-line Conversion: If you input multiple lines at once, all lines will be converted to the same style
  • Re-convert After Copying: You can paste the result back into the input field to convert to another style

FAQ​

Q: Can Korean characters be converted? A: Korean characters don't have a case concept, so they remain unchanged. Only spaces and special characters are processed according to the conversion style.

Q: What's the difference between camelCase and PascalCase? A: camelCase starts the first word with lowercase (e.g., userName), while PascalCase starts all words with uppercase (e.g., UserName).

Q: When should I use snake_case vs kebab-case? A: snake_case is used for variable/function names in Python, Ruby, SQL, etc., while kebab-case is mainly used in URLs, CSS class names, and HTML attributes.

Q: Can I convert multiple lines at once? A: Yes! If you input multiple lines, all lines will be converted to the selected style.