Underscore & Camel Case Converter

Getting Started

Using the Case Converter is simple and efficient:

Basic Usage

1. Enter Text: Type or paste the identifier you want to convert
2. View All Formats: See instant conversion to all naming conventions
3. Copy Result: Click copy button next to your desired format
4. Use in Code: Paste the converted identifier into your project

Supported Naming Conventions

camelCase

First word lowercase, subsequent words capitalized, no separators:

• Format: firstSecondThird
• Used in: JavaScript, Java, TypeScript variables and methods
• Example: getUserName, calculateTotalPrice
• Common for: Variable names, function names, object properties

PascalCase

All words capitalized, no separators (also called UpperCamelCase):

• Format: FirstSecondThird
• Used in: C#, Java, TypeScript classes and components
• Example: UserProfile, ShoppingCart, DatabaseConnection
• Common for: Class names, component names, type names

snake_case

All lowercase with underscores between words:

• Format: first_second_third
• Used in: Python, Ruby, database column names
• Example: user_name, total_price, created_at
• Common for: Python variables, database fields, file names

kebab-case

All lowercase with hyphens between words (also called dash-case):

• Format: first-second-third
• Used in: CSS classes, HTML attributes, URLs
• Example: user-profile, main-content, nav-bar
• Common for: CSS class names, URL slugs, HTML IDs

CONSTANT_CASE

All uppercase with underscores between words (also called SCREAMING_SNAKE_CASE):

• Format: FIRST_SECOND_THIRD
• Used in: Constants in most programming languages
• Example: MAX_SIZE, API_KEY, DEFAULT_TIMEOUT
• Common for: Constants, environment variables, configuration keys

Common Use Cases

Code Refactoring

• Language Migration: Convert naming when porting code between languages
• Style Guide Compliance: Standardize names to match team conventions
• Framework Migration: Adapt names when switching frameworks
• Legacy Code Updates: Modernize old naming conventions

API Development

• Request/Response Mapping: Convert between frontend and backend naming
• Database to API: Transform snake_case DB fields to camelCase JSON
• GraphQL Schema: Convert field names to GraphQL conventions
• REST Endpoints: Format URL paths with kebab-case

Frontend Development

• CSS to JavaScript: Convert kebab-case CSS to camelCase JS
• Component Props: Standardize prop naming in React/Vue
• State Management: Convert action names between formats
• HTML Attributes: Transform data attributes to JavaScript

Database Work

• ORM Mapping: Convert between database and model naming
• Migration Scripts: Rename columns to new conventions
• Query Building: Transform field names for queries
• Schema Design: Plan consistent naming across tables

Language-Specific Conventions

JavaScript/TypeScript

• Variables & Functions: camelCase (getUserData)
• Classes & Interfaces: PascalCase (UserProfile)
• Constants: CONSTANT_CASE (MAX_RETRIES)
• File Names: kebab-case or camelCase

Python

• Variables & Functions: snake_case (get_user_data)
• Classes: PascalCase (UserProfile)
• Constants: CONSTANT_CASE (MAX_RETRIES)
• Module Names: snake_case

Java/C#

• Variables & Methods: camelCase (getUserData)
• Classes & Interfaces: PascalCase (UserProfile)
• Constants: CONSTANT_CASE (MAX_RETRIES)
• Packages: lowercase (com.example.app)

CSS/HTML

• Class Names: kebab-case (user-profile)
• IDs: kebab-case (main-content)
• Custom Properties: kebab-case (--primary-color)
• Data Attributes: kebab-case (data-user-id)

Best Practices

Choosing the Right Format

• Follow Language Conventions: Use the standard for your programming language
• Be Consistent: Stick to one convention within a project
• Consider Context: Different parts of code may use different conventions
• Team Standards: Follow your team's style guide

Conversion Tips

• Convert one identifier at a time for accuracy
• Review converted names for readability
• Preserve acronyms appropriately (API, URL, ID)
• Use find-and-replace for bulk conversions in your IDE

Common Patterns

• Database → API: snake_case → camelCase
• CSS → JavaScript: kebab-case → camelCase
• Config → Code: CONSTANT_CASE → camelCase
• URL → Variable: kebab-case → camelCase

Key Features

• Instant Conversion: See all formats simultaneously
• Five Major Formats: Covers all common naming conventions
• Smart Parsing: Intelligently detects word boundaries
• One-Click Copy: Copy any format with a single click
• No Length Limit: Convert identifiers of any length
• Privacy Protected: All processing happens locally
• Developer Friendly: Designed for coding workflows
• Free to Use: No registration required

Tips & Tricks

• Use this tool when refactoring code to new naming standards
• Convert API response keys to match your frontend conventions
• Generate consistent naming across database, backend, and frontend
• Create CSS class names from JavaScript component names
• Convert environment variable names to code constants
• Use for generating file names in different conventions
• Helpful when learning new programming languages
• Great for code review to suggest naming improvements

Examples

Example 1: API Field Conversion

Input: user_profile_image

• camelCase: userProfileImage
• PascalCase: UserProfileImage
• kebab-case: user-profile-image
• CONSTANT_CASE: USER_PROFILE_IMAGE

Example 2: Component Name

Input: shopping-cart-item

• camelCase: shoppingCartItem
• PascalCase: ShoppingCartItem
• snake_case: shopping_cart_item
• CONSTANT_CASE: SHOPPING_CART_ITEM