Open Scribe
code to video

Code to video: a snippet, drawn line by line.

Paste a function, a diff or a config block. Todrawn Scribe redraws it as pen strokes at a pace you set, then exports it as a video you can drop into a pull request, a channel or a lesson.

A TypeScript function going from pasted source to a replayed timeline.

What makes it different from a screen recording

The code is the input

No camera, no editor window, no cursor hunting for a line. You paste the source and pick a syntax profile; the pen writes what you pasted and nothing else.

You choose the order

A recording follows whatever you happened to do. Here you decide which line lands first, where the pause goes and what gets revisited, so the viewer reads the reasoning rather than your desktop.

It renders in your browser

Composing, preview and encoding all run locally. Your code is not uploaded, and there is nothing to install before you can see whether it works.

When this is the right tool

Short explanations where the reasoning matters more than the environment: why a branch exists, what a call site actually does, how a config change propagates. Anything you would otherwise write six paragraphs about and hope somebody reads.

When it is not

If the environment is the lesson, record your screen instead. A terminal reacting, a debugger stepping, a flaky UI reproducing: those need the real thing, and Scribe deliberately throws the environment away.

Try it with your own snippet

The editor and preview open without an account, so you can see your own code drawn before deciding anything.

Open Todrawn Scribe

Todrawn uses essential cookies to keep you signed in, plus Google Analytics (only with your consent) to see how the app is used. Read more in our Privacy Policy.