TS Type Playground

Visualize TypeScript type inference, intersections, unions, and AST generics interactively.

Type Definition

Write a TypeScript type expression (AST visualization).

type User = {
  id: string | number;
  profile: {
    name: string;
    age?: number;
    roles: Array<"admin" | "user" | "guest">;
  };
  isActive: boolean;
};

Compatibility Checker beta

Check if Type A is assignable to Type B (structural).

Type A (Source)

Type B (Target)

AST Visualizer

🌳

No AST Generated

Click "Visualize AST" to build the tree from your code.