TypeIt: Typing animations for content creators

TypeIt is a VSCode extension that retypes your code so you can record it.

Why TypeIt?

Sometimes we just want to write code at our own pace, test it, and, once we are comfortable, share it online as code snippets or tutorials. We may not want to memorize and write the code all over again just to record it. That's when TypeIt comes in. Use it to automatically retype the code you want to share.

Plus, you can choose different modes, adjust the typing speed and even retype multiple documents in parallel!

Look ma, no hands!

How to use it

1. Write your code
2. Open the file or files you want to retype
3. Execute TypeIt
4. Watch TypeIt retype your code on VSCode.
5. Use your favorite screen recorder to capture a video and share it on social media!

Features

Retype the currently active document

Retype your code so you can record it using the "TypeIt" command

Shortcut: Ctrl + T + I

Modes

Choose between human mode (random delays between characters)

Or robot mode

Typing speed

Choose your own speed.

Countdown

Enable or disable the countdown before the typing starts

Cancel

Cancel any time you want by pressing the "Cancel" button in the status bar

Shortcut: Ctrl + T + C

Type multiple documents simultaneously

Use the "TypeIt Multiple" command to retype all the visible documents simultaneously, keeping your VSCode layout intact.

Here's an example retyping two documents at the same time:

Another example with 3 documents (useful to share js + HTML + css)

You can retype as many documents as you want.

Custom

Choose your preferred settings on the fly using the "TypeIt Custom" command.

Shortcut: Ctrl + T + U

Extension Settings

This extension contributes the following settings:

• typeit.mode: Choose between human mode and robot mode
• typeit.delay.character: The base delay (in milliseconds) before typing each character
• typeit.delay.breakLine: The base delay (in milliseconds) before a break line
• typeit.enableCountDown: Display a countdown before typing
• typeit.tempPreferencesToOverride: List of preferences to be overriden by TypeIt

Restore settings.json

⚠️ To avoid auto-closing tags and error checking when this extension retypes your code, certain settings from your settings.json are temporarily changed. This changes are reverted after the typing finishes or is canceled.

However, if VSCode is suddenly closed during the retype, these changes may not be automatically reverted. If that happens to you, run the following command from the command palette to manually revert the changes and restore your settings:

• TypeIt: Restore

You probably won't ever need to use this command, but we wanted to be sure not to mess with your custom configurations.