Playground

Edit the proto on the left and the generated TypeScript appears on the right as you type. Switch between the type definitions and the HTTP client to see both outputs.

Browser-only generator

Type generation in the playground uses a lightweight in-browser implementation. It covers common proto3 features but may differ slightly from the CLI output (which uses ts-proto via protoc). The client output is identical to the CLI.

Example User ServiceE-commerceBlank

proto

types.ts

Type generation in the browser uses a lightweight implementation and may differ slightly from the CLI output (ts-proto). Client output is identical.