Adventureland Registry
Motion / Effects

Typing

Word-by-word typing with a blinking cursor — chat / terminal feel.

TypingAnimation types a string out word-by-word over a frame window, with a blinking caret — ideal for chat prompts and terminal sequences. A useTypingAnimation hook is also exported for when you need the visible substring without the default rendering.

Installation

npx shadcn@latest add @adv/typing

Usage

import { TypingAnimation } from '@adv/motion';

<TypingAnimation text="typing animation in remotion" startFrame={0} durationFrames={75} />

Example

On this page