Tttypingtextgif

Typewriter text GIFs for your
novel., wedding invite., newsletter.

Old-typewriter lettering that types itself out on warm paper. Pick a typewriter font or upload your own, slow the rhythm down, and download a GIF.

Live preview53 frames · 8.2s · loop

End it with a space if the typed words should not touch it.

Write \n inside a line to break it in two.

Moves where code can't.

Website builders, inboxes, READMEs and slides strip scripts. A GIF is just an image, so it plays in all of them.

Book and film launches

A typed opening line sets the mood before anyone reads a word.

Thanks — talk Thursday.

—

Email signatures

Moving text in Gmail, Outlook and Apple Mail, where CSS animation never plays.

README.md

GitHub README

The intro line on your profile, typed out in a code font.

Posts, banners and slides

Big display type for Instagram, LinkedIn, a sale banner or the first slide of a talk.

Built for the complaints people actually have.

g y p q

Nothing gets clipped

The canvas is sized from the font's full height, so descenders on g, y and p are never cut off, the bug people hit most in other GIF makers.

Aa

Any font, even your own

Twelve Google Fonts from typewriter to pixel, or upload a .ttf or .otf. It is loaded only in your browser.

▢

Transparency that looks right

GIF edges are blended into the colour of your page so there is no halo, and the animated PNG export keeps soft edges on anything.

↺

Rotating words

Keep the start of a sentence fixed and cycle the end: 'We build websites / apps / stores', the effect site builders cannot do.

From words to GIF in a minute.

  1. 1

    Clear Text that stays and write your lines, one per line.

  2. 2

    Keep Special Elite or Courier Prime, or upload your own typewriter font.

  3. 3

    Slow typing to 6–10 letters per second, turn off Delete letter by letter, and download.

The typewriter look

A typewriter text effect is more than letters appearing one by one. What makes it read as a typewriter is the type itself: monospaced letters with slightly uneven ink, set on a warm paper colour, arriving at a steady mechanical rhythm, and an underscore or block cursor rather than a thin bar. This page starts with all of that set up, so you only need to change the words.

Getting the rhythm right

Real typists hit around five to eight characters per second, so set the typing speed between 6 and 10 for a mechanical feel. Turn off Delete letter by letter: typewriters cannot backspace, so each line should clear at once, like a fresh sheet. Give each line a long pause, two to three seconds, so it can be read in full.

Fonts

  • Special Elite: worn, inky letters with real character; best for book covers, film titles and invitations.
  • Courier Prime: a clean, modern take on Courier; best when the text must be very legible.
  • Your own font: upload any .ttf, .otf or .woff file from the Style tab. It is loaded only in your browser.

Where typewriter GIFs work well

Book and film launch pages, author newsletters, wedding and event invitations, vintage-styled shops and the opening slide of a talk. If you need the same effect inside a presentation, the guides for PowerPoint and Google Slides show both the built-in way and the GIF shortcut.

Questions

Something else? Email hello@typingtextgif.com.

Read next