Mechanical Typewriter text animation: the word aimotions animated in this style
103KineticCanvas

Mechanical Typewriter

A typewriter text animation: a close-up manual typewriter types the word as typebars swing, the carriage steps with every strike and the bell rings. Uneven ink makes it feel real; ideal for storytelling and literary titles.

Prompt · replace [TEXT]

Tool-agnostic
Show a close-up of a manual typewriter typing [TEXT] in a worn slab typewriter face on cream paper. The strike point stays fixed just right of center: for each keystroke a dark typebar swings up from below, the black-and-red ribbon flicks up, the machine jolts a pixel, a letter appears and the carriage (paper, black rubber platen and a chrome scale with tick marks) steps left by one character. Use a human rhythm with uneven gaps. Every letter inks differently: lighter or heavier, slightly rotated or offset, speckled, sometimes double-struck, one with a red fringe from the ribbon. When the word is centered the bell dings, then a fast carriage return slides everything back and the paper feeds up one double-spaced line, leaving the typed line above. Loop.

Visual DNA

  • Fixed strike point; paper, platen and scale travel with the carriage
  • Typebar swing and ribbon lift on every keystroke, with a tiny jolt
  • Uneven ink per letter: pressure, speckle, double strikes, a red ribbon fringe
  • Bell ding, fast carriage return and a line feed that scrolls the page up
  • Cream paper over a dark green enamel machine and black rubber platen
Category
Kinetic Typography
Demo built with
Canvas
Energy
Calm
Background
Dark bg

Also known as

Support
Keep aimotions free

No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.

Buy me a coffee

Keys: ← → browse · C copy

Use this style

  1. Step 01Copy the prompt

    It describes the Mechanical Typewriter look (composition, type, palette, texture and timing) without tying you to a tool.

  2. Step 02Replace [TEXT]

    Swap in your word, product name or headline. Short words (4–12 letters) read best in most styles.

  3. Step 03Ask for a format

    Paste it into Claude Opus 5.5, Claude Sonnet 5.5, Claude Fable 5.5, GPT-6 Astra or GPT-6.1 Sol, or a newer model, and request a single HTML file, a component, a shader or a brief. For a hero heading, use “Copy for website title”.

Website titles →Prompt guide →

Keep it free.

aimotions has no paywall and no sign-up. It is funded by people who found a style they love. A coffee on Ko-fi helps pay for hosting and the next batch of styles.

Support on Ko-fi ♥