tdeo

Auto-type your code for coding tutorials and YouTube screencasts

Features

• Scripted Mode — Pre-plan your typing with speed controls, pauses, and instant sections
• Pilot Mode — Control typing live with your spacebar, no scripting needed
• Clean Recording — All UI elements hide during playback for authentic-looking videos
• Works Everywhere — Supports JavaScript, Python, Go, Rust, HTML, CSS, and more

Getting Started

Option 1: Pilot Mode (Quick & Easy)

Best for spontaneous recordings without any setup.

1. Open your code file in VS Code
2. Click the keyboard icon in the editor title bar (top right)
3. Choose your typing speed
4. Start your screen recorder (OBS, Loom, etc.)
5. Press Spacebar to type each word
6. Press Escape when done

Option 2: Scripted Mode (Full Control)

Best for polished tutorials with precise timing.

1. Write your final code
2. Add timing commands as comments (see below)
3. Click the play button in the editor title bar
4. Start your screen recorder
5. Confirm to begin — tdeo types your code automatically

Timing Commands

Add these as comments in your code. They control how tdeo types each section.

Example Script

// :tdeo speed 2
import express from 'express';

// :tdeo speed 0.5
// :tdeo pause 1s
const app = express();

// :tdeo instant
app.listen(3000);

Result:

1. Import types quickly (2x)
2. Pauses 1 second, then types slowly (0.5x)
3. Last line appears instantly

Block Commands

For multiple lines, use start/end blocks:

// :tdeo instant-start
import React from 'react';
import { useState } from 'react';
import { useEffect } from 'react';
// :tdeo instant-end

All imports appear instantly, then normal typing resumes.

Inline Commands

Add commands at the end of any line:

const result = calculate(); // :tdeo pause 2s

The code types normally, the command is stripped, and the pause happens after.

Comment Syntax by Language

Keyboard Shortcuts

Settings

Open VS Code Settings (Cmd+, or Ctrl+,) and search for "tdeo":

Pro Tips

How It Works

1. You write your final, working code
2. Add :tdeo comments to control pacing
3. tdeo clears the file and re-types it character by character
4. You record your screen with any tool
5. Your recording shows realistic typing in your real VS Code setup

Requirements

• VS Code 1.85.0 or higher
• Any screen recording software (OBS, Loom, QuickTime, etc.)

Support

• Report Issues
• Source Code

License

AGPL-3.0