Skip to content
CrateX.app logo

CrateX.app

Case Converter

Case Converter

Case converter for camelCase, snake_case, kebab-case, PascalCase, CONSTANT_CASE, and other naming styles used in variables, CSS classes, URLs, API routes, database fields, and docs.
Case Converter

Quick Start

1
Paste or type the text you want to convert—non-Latin characters and emoji stay untouched
2
Pick a target format from the Basic, Programming, or Other sections and preview instantly
3
Tap a format card to copy the conversion; multi-line blocks are handled in one go
4
Tap the format cards in order to layer multiple conversions in a single pass

Common Scenarios

Variable/function naming

convert phrases to camelCase/PascalCase/snake_case to standardize style

CSS/URLs

prefer kebab-case for class names and paths to improve readability

Database fields/constants

switch to snake_case or CONSTANT_CASE to match conventions

Files/paths

turn spaced names into kebab-case or path/case for cross‑platform friendliness

APIs/routes

REST paths in kebab- or snake-case; GraphQL fields in camelCase

Docs formatting

Title Case for headings; Sentence case for paragraph openers

Batch renaming

paste multiple names, convert in bulk, copy back

Before code review

normalize names to reduce diffs and rework

Extended workflow

snake_case converter, kebab-case converter, and PascalCase converter can be handled in the same review flow, so you can verify results before copying or exporting.

Format Reference

lowercase: hello world example
UPPERCASE: HELLO WORLD EXAMPLE
Capitalize: Hello world example
Title: Hello World Example
Sentence: Hello world example. Next sentence
camelCase: helloWorldExample
PascalCase: HelloWorldExample
snake_case: hello_world_example
kebab-case: hello-world-example
CONSTANT: HELLO_WORLD_EXAMPLE
dot.case: hello.world.example
path/case: hello/world/example
format_example_inverse
Toggle case: HELLO WORLD EXAMPLE → hello world example

Usage Advice

Frontend naming: PascalCase for components/types, kebab-case for CSS classes and URLs
Backend scripts: snake_case for Python and database fields, camelCase or UPPER_SNAKE for Java/Go variables
API design: keep REST paths consistent with kebab- or snake-case; GraphQL fields stay in camelCase

Limitations & Compatibility

To keep the page responsive, very large texts convert more smoothly when split
Special symbols: characters like @#$ become separators, matching the chosen naming style
Numerals: numbers stay as-is; separators are added only where digits meet letters to avoid breaking values

Privacy & Security

All processing happens locally in your browser. You can replace, clear, and re-run the current content at any time.

FAQ

5

Continue with these related tools for the next step.