Typewriter effect

The typewriter effect reveals text one character at a time, usually with a blinking caret at the end, so the words look like they are being typed while you watch. In an animated video the number of visible characters is driven by the frame number, so the same frame always shows the same text.

What it looks like

Picture an empty search field. A caret blinks, then "remotion video editor" appears letter by letter at an even pace. The caret keeps blinking for a moment after the last letter, and then something happens: results load, a command runs, an answer streams in.

The effect has two parts. The typing, which spends time in proportion to the length of the text, and the pause after it, when the finished line is simply there to be read. Most typewriter animations that feel off get one of the two wrong.

When to use it, and when not to

Studio's motion rules call this movement type-on and give one condition for it: typing is part of the action. That covers three common cases:

• A search. The query is the story: someone looks for something and gets a result.
• A prompt. A chat composer or a coding agent receives an instruction and responds.
• A terminal. A command is typed and run, and its output is what you came to see.

It is the wrong choice when you just need to show a headline. Typing a title makes the viewer wait for words they could have read at once, and it reads as plain and utilitarian. remocn's own notes for its Typewriter component say the same and add two more cases to avoid: long text, because typing a paragraph at a readable speed takes far more frames than a viewer will wait, and several lines that should appear together, because typing is one stream.

Two things to plan for:

• Centered text drifts. If a centered line grows one character at a time, its center moves with every keystroke. Studio's rules say to reserve the final layout ahead of time when the text has to stay centered, so only the visible characters change and the line does not slide around.
• Time for both parts. Typing speed sets how long the reveal takes: remocn's Typewriter defaults to 22 characters per second, so a 60-character prompt takes a little under three seconds to type. The reading time starts only when the last character has landed. Leave the finished line on screen long enough to read before anything covers it or cuts away.

How to ask for it in Remocn Studio

Type the prompt into the search box at a natural pace, keep it centered.

Give the exact words to type, where they are typed (a search field, a chat box, a terminal) and what happens after: "then show three results" or "then the answer streams in". On Pro, the agent works from the motion-design skill, which names this movement type-on, and runs Studio's design check before calling a scene finished. Among other things, the check audits rendered frames for text that is clipped or covered and for reading time. When a generated sequence declares its motion, it also flags a reading budget longer than the time the text actually sits still.

To change the typed words afterwards, double-click the text in the preview and type over it, or edit it as a run of words in the properties pane.

Ready-made components

• Typewriter: character-by-character reveal with a deterministic blinking cursor and a charsPerSecond prop for typing speed.
• Typed Split Wipe: a centered type build without a cursor that keeps every step centered, then exits through opposing glyph wipes.
• Claude Code: the Claude Code welcome screen typing a command into its prompt, for when the typing belongs to a recognizable agent workflow.

Related terms

A typewriter reveal is one way to bring words into kinetic typography, though it usually plays the more literal role of showing input rather than setting the rhythm. Characters appear in place at a rate set by the typing speed, instead of each sliding or fading in on its own schedule as in a stagger. Easing still shapes what moves around the text, such as the search box arriving or the results sliding in. Text decode, where random glyphs settle into the real word, has an entry that is being written.