Fydler UtilityBelt - Case Converter

Case Converter

Text & Development Tool

Input Text

Result

Common Case Types

camelCase: First word lowercase, subsequent words capitalized.
snake_case: All lowercase, words separated by underscores.
kebab-case: All lowercase, words separated by hyphens.
PascalCase: Every word capitalized, no separators.

Copied to clipboard!

lucide.createIcons(); const input = document.getElementById('case-input'); const output = document.getElementById('case-output'); function convert(type) { const val = input.value.trim(); if (!val) return; let result = ''; switch(type) { case 'lower': result = val.toLowerCase(); break; case 'upper': result = val.toUpperCase(); break; case 'title': result = val.toLowerCase().split(' ').map(s => s.charAt(0).toUpperCase() + s.substring(1)).join(' '); break; case 'sentence': result = val.toLowerCase().charAt(0).toUpperCase() + val.toLowerCase().slice(1); break; case 'camel': result = toCamel(val); break; case 'pascal': result = toPascal(val); break; case 'snake': result = val.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g) .map(x => x.toLowerCase()) .join('_'); break; case 'kebab': result = val.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g) .map(x => x.toLowerCase()) .join('-'); break; } output.value = result; } function toCamel(str) { return str.replace(/(?:^\w|[A-Z]|\b\w)/g, (word, index) => { return index === 0 ? word.toLowerCase() : word.toUpperCase(); }).replace(/\s+/g, ''); } function toPascal(str) { return str.replace(/(?:^\w|[A-Z]|\b\w)/g, (word) => { return word.toUpperCase(); }).replace(/\s+/g, ''); } document.getElementById('copy-btn').addEventListener('click', () => { if (output.value) { navigator.clipboard.writeText(output.value); showToast('Copied to clipboard!'); } }); function showToast(msg) { const toast = document.getElementById('toast'); const toastMsg = document.getElementById('toast-message'); toastMsg.textContent = msg; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'), 2000); }