diff --git a/frontend/src/types.ts b/frontend/src/types.ts
new file mode 100644
index 0000000..1dc8602
--- /dev/null
+++ b/frontend/src/types.ts
@@ -0,0 +1,37 @@
+export interface PortStatus {
+  port_index: number;
+  is_recording: boolean;
+  frame_count: number;
+  fps: number;
+  bitrate_mbps: number;
+  uptime_seconds: number;
+  current_file: string;
+  codec: string;
+}
+
+export type CodecType = 'PRORES' | 'DNXHD' | 'UNCOMPRESSED' | 'H264';
+
+export interface RecorderConfig {
+  port_index: number;
+  codec: CodecType;
+  bitrate: string;
+  quality_profile: string;
+  recording_path: string;
+  srt_enabled: boolean;
+  srt_destination: string;
+  preview_enabled: boolean;
+}
+
+export interface SCTE35Marker {
+  event_id: number;
+  duration_seconds: number;
+  out_of_network: boolean;
+  splice_immediate: boolean;
+  timestamp: string;
+  webhook_url: string | null;
+}
+
+export interface WebSocketMessage {
+  type: string;
+  ports?: PortStatus[];
+}