!-- wphtml --
html lang=en
head
meta charset=UTF-8
meta content=width=device-width, initial-scale=1.0 name=viewportmetaCamel Case to Snake and Kebab Case Converter
meta content=Easily convert Camel Case to Snake Case and Kebab Case with our online tool. Transform your text quickly and efficiently, and download or copy the results. name=descriptionmeta
meta content=Camel Case to Snake Case converter, Camel Case to Kebab Case converter, online text converter, convert Camel Case, Snake Case, Kebab Case, free text tool name=keywordsmeta
meta content=Imtiazblogger name=authormeta
titleCamel Case to Snake and Kebab Case Converter - Free Online Tooltitle
style
.style {
font-family Arial, sans-serif;
background-color #f0f0f0;
color #333;
margin 0;
padding 50;
display flex;
justify-content center;
align-items center;
height 100px;
}
container {
background white;
padding 20px;
border-radius 8px;
box-shadow 0 0 10px rgba(0, 0, 0, 0.1);
width 400px;
height 600px;
display flex;
flex-direction column;
justify-content space-between;
}
h1 {
text-align center;
}
textarea {
width 100%;
height 300px;
margin-bottom 10px;
padding 10px;
font-size 16px;
border 2px solid #1e17e3;
border-radius 4px;
}
.buttons {
display flex;
flex-wrap wrap;
gap 10px;
}
button {
padding 10px;
background-color #007BFF;
color white;
border none;
border-radius 4px;
font-size 14px;
cursor pointer;
box-shadow 0 4px #0056b3;
}
buttonactive {
box-shadow none;
transform translateY(4px);
}
buttonhover {
background-color #0056b3;
}
#wordCount {
text-align center;
margin-top 10px;
}
style
head
body
div class=container
h1Camel Case to Snake and Kebab Case Converterh1
textarea id=inputText placeholder=Type or paste your content heretextarea
div class=buttons
button onclick=convertText('lower')Lower Casebutton
button onclick=convertText('upper')UPPER CASEbutton
button onclick=convertText('snake')Snake snail_casebutton
button onclick=convertText('hyphen')Hyphen kebab-casebutton
button onclick=convertText('dot')dot.casebutton
button onclick=clearText()Clear Textbutton
button onclick=copyToClipboard()Copy Textbutton
div
p id=wordCountCharacters 0 Words 0 Lines 0p
div
script
function convertText(caseType) {
const textArea = document.getElementById('inputText');
let text = textArea.value;
let convertedText = '';
switch (caseType) {
case 'sentence'
convertedText = text.toLowerCase().replace((^sw[.!]sw)g, c = c.toUpperCase());
break;
case 'lower'
convertedText = text.toLowerCase();
break;
case 'upper'
convertedText = text.toUpperCase();
break;
case 'capitalized'
convertedText = text.toLowerCase().split(' ').map(word = word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
break;
case 'alternating'
convertedText = text.split('').map((char, i) = i % 2 === 0 char.toUpperCase() char.toLowerCase()).join('');
break;
case 'title'
convertedText = text.replace(bw+g, word = word.charAt(0).toUpperCase() + word.slice(1).toLowerCase());
break;
case 'inverse'
convertedText = text.split('').map(char = char === char.toLowerCase() char.toUpperCase() char.toLowerCase()).join('');
break;
case 'snake'
convertedText = text.replace(s+g, '_').toLowerCase();
break;
case 'dot'
convertedText = text.replace(s+g, '.').toLowerCase();
break;
case 'hyphen'
convertedText = text.replace(s+g, '-').toLowerCase();
break;
case 'removeExtraSpaces'
convertedText = text.replace(s+g, ' ').trim();
break;
case 'removeAllSpaces'
convertedText = text.replace(s+g, '');
break;
case 'removeEnter'
convertedText = text.replace(n+g, ' ');
break;
default
convertedText = text;
}
textArea.value = convertedText;
updateWordCount(convertedText);
}
function updateWordCount(text) {
const characterCount = text.length;
const wordCount = text.trim().split(s+).filter(Boolean).length;
const lineCount = text.split(n).length;
document.getElementById('wordCount').textContent = `Characters ${characterCount} Words ${wordCount} Lines ${lineCount}`;
}
function copyToClipboard() {
const text = document.getElementById('inputText').value;
navigator.clipboard.writeText(text).then(() = {
alert('Text copied to clipboard');
});
}
function clearText() {
const textArea = document.getElementById('inputText');
textArea.value = '';
updateWordCount('');
}
script
body
html
!-- wphtml --
!-- wpparagraph --
p strongConvert Camel Case to Snake and Kebab Case Onlinestrongp
!-- wpparagraph --
!-- wpparagraph --
pIf you often work with text formats in programming or data entry, you might need to convert text between different cases. Our online tool makes it easy to convert Camel Case to Snake Case and Kebab Case without any hassle.p
!-- wpparagraph --
!-- wpheading {level3} --
h3 class=wp-block-headingWhat is Camel Caseh3
!-- wpheading --
!-- wpparagraph --
pCamel Case is a format where the first letter of each word is capitalized, except for the first word. For example, camelCase and convertTextToSnakeCase.p
!-- wpparagraph --
!-- wpheading {level3} --
h3 class=wp-block-headingWhat is Snake Caseh3
!-- wpheading --
!-- wpparagraph --
pSnake Case is a format where words are separated by underscores and all letters are in lowercase. For example, camel_case and convert_text_to_snake_case.p
!-- wpparagraph --
!-- wpheading {level3} --
h3 class=wp-block-headingWhat is Kebab Caseh3
!-- wpheading --
!-- wpparagraph --
pKebab Case is similar to Snake Case, but words are separated by hyphens. For example, camel-case and convert-text-to-kebab-case.p
!-- wpparagraph --
!-- wpheading {level3} --
h3 class=wp-block-headingHow to Use Our Converterh3
!-- wpheading --
!-- wpparagraph --
pstrongStep 1 Enter Your Textstrongp
!-- wpparagraph --
!-- wpparagraph --
pType or paste your Camel Case text into the input box.p
!-- wpparagraph --
!-- wpparagraph --
pstrongStep 2 Choose Your Conversionstrongp
!-- wpparagraph --
!-- wpparagraph --
pClick on the Convert button to see your text converted into Snake Case and Kebab Case formats.p
!-- wpparagraph --
!-- wpparagraph --
pstrongStep 3 Copy or Download Resultsstrongp
!-- wpparagraph --
!-- wplist --
ul class=wp-block-list!-- wplist-item --
listrongCopy Resultsstrong Click on the Copy Results button to copy the converted text to your clipboard.li
!-- wplist-item --
!-- wplist-item --
listrongDownloadstrong Click on the Download button to save the results as a text file.li
!-- wplist-item --
!-- wplist-item --
listrongClearstrong Click on the Clear button to reset the input and output fields.li
!-- wplist-item --ul
!-- wplist --
!-- wpheading {level3} --
h3 class=wp-block-headingExampleh3
!-- wpheading --
!-- wpparagraph --
pstrongInput Text (Camel Case)strongp
!-- wpparagraph --
!-- wpparagraph --
pcodeconvertCamelCaseToSnakeAndKebabcodep
!-- wpparagraph --
!-- wpparagraph --
pstrongOutputstrongp
!-- wpparagraph --
!-- wplist --
ul class=wp-block-list!-- wplist-item --
listrongSnake Casestrong codeconvert_camel_case_to_snake_and_kebabcodeli
!-- wplist-item --
!-- wplist-item --
listrongKebab Casestrong codeconvert-camel-case-to-kebab-and-snakecodeli
!-- wplist-item --ul
!-- wplist --
!-- wpheading {level3} --
h3 class=wp-block-headingWhy Use Our Toolh3
!-- wpheading --
!-- wplist --
ul class=wp-block-list!-- wplist-item --
listrongEasy to Usestrong Just type or paste your text and click a button to get the result.li
!-- wplist-item --
!-- wplist-item --
listrongFreestrong No registration or fees required.li
!-- wplist-item --
!-- wplist-item --
listrongEfficientstrong Get results instantly without waiting.li
!-- wplist-item --ul
!-- wplist --