TypeScript Case Converter

Convert TypeScript type and interface definitions between camelCase, snake_case, kebab-case, PascalCase, and CONSTANT_CASE.

Input TypeScript
Paste your TypeScript type or interface here to convert case format.
Loading...
Converted Cases
Please enter valid TypeScript type or interface
Loading...

About TypeScript Case Converter

Generated TypeScript types often arrive in the wrong casing. A tool that builds interfaces from a snake_case API gives you snake_case properties, but your codebase uses camelCase. Renaming every property across a set of interfaces by hand is tedious and risks missing one, leaving an inconsistent type that silently lets the wrong shape through.

This converter rewrites the property names in TypeScript type and interface definitions to a consistent case. Paste your interfaces, choose the target style — camelCase, snake_case, kebab-case, PascalCase, or CONSTANT_CASE — and it converts the member names while leaving the type structure intact, so you get definitions that match your project's conventions in one step.

It runs entirely in your browser, so the code you paste never leaves your machine. Convert the casing, copy the result back into your editor, and keep your types consistent without manual find-and-replace.

How to use TypeScript Case Converter

  1. Paste your type definitions

    Drop in the TypeScript interfaces or type aliases whose member names you want to re-case.

  2. Pick the target case

    Choose camelCase, snake_case, kebab-case, PascalCase, or CONSTANT_CASE to match your codebase's convention.

  3. Review the converted definitions

    Confirm the property names now use the chosen style while the types themselves are unchanged.

  4. Copy into your editor

    Paste the converted definitions back into your .ts file.

Frequently asked questions