Case Converter Style Guide: Consistent Headings, Slugs, and IDs

Mixed casing creates messy UI labels and inconsistent URLs. A simple conversion pass keeps everything uniform.

Interactive steps

1. Paste a list of headings or labels.
2. Choose the target case (Title, Sentence, kebab‑case, or snake_case).
3. Copy results directly into your docs or code.

Try it now

Use the Case Converter to turn 14px] bg-slate-100 text-slate-800 px-1.5 py-0.5 rounded">User Settings Panel into a clean user-settings-panel. For URLs, follow up with [URL Encode when needed.

Pro tips

• Use kebab-case for URLs and file names.
• Use Title Case for H1/H2 headings.
• Create a small casing checklist for your team's docs.