Code Playback 🎬

A VS Code extension that types out your existing code line by line — like a human is coding live!

Features

• ✅ Types your existing code line by line
• ✅ Auto-scrolls like a real human coding
• ✅ Blocks accidental edits during animation
• ✅ Auto-saves when done or stopped
• ✅ Restores original code if stopped mid-way
• ✅ Works on any file type (HTML, CSS, JS, Python, etc.)

Perfect For

• Content creators making coding videos
• Teachers explaining code step by step
• Developers making coding tutorials

Install from VS Code Marketplace

1. Open VS Code
2. Press Ctrl+Shift+X to open Extensions panel
3. Search for CodeFlow
4. Click Install
5. Done! ✅

How to Use

1. Open any existing file in VS Code
2. Press Ctrl+Shift+P
3. Type Code Recorder: Start and press Enter
4. Watch your code get typed out line by line automatically!
5. To stop anytime, press Ctrl+Shift+P → Code Recorder: Stop

Run Locally (For Developers)

Prerequisites

• Node.js installed
• VS Code installed

Steps

1. Clone the repository:

git clone https://github.com/Vaironix-Solutions/Code-Playback-VS-Code.git
cd Code-Playback-VS-Code

2. Install dependencies:

npm install

3. Compile the extension:

npm run compile

4. Run in VS Code:

• Open the project folder in VS Code
• Press F5 to launch the Extension Development Host
• A new VS Code window will open with the extension loaded
• Open any file and press Ctrl+Shift+P → Code Recorder: Start

Build & Install as VSIX

1. Package the extension:

npm install -g @vscode/vsce
vsce package --no-dependencies

2. Install the .vsix file into VS Code:

code --install-extension codeflow-0.0.1.vsix

3. Reload VS Code:

• Press Ctrl+Shift+P → Reload Window

Publisher

Vaironix Solutions LLP