Thanks — talk Thursday.
—
Email signatures
Moving text in Gmail, Outlook and Apple Mail, where CSS animation never plays.
Animated GIFs for your email
signature., newsletter., outreach.
A small typing line for your email signature or newsletter header, sized for email and made to work where scripts and CSS animation do not.
Live preview96 frames · 8.5s · 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.
Website headlines
The 'We build ___' line with a changing last word, on Webflow, Wix, Carrd or Notion.
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
Write your lines, one per line. Keep them short: signatures are read in a glance.
- 2
Keep the 600 × 80 size, or pick Email header · 600×200 for a newsletter.
- 3
Download the GIF and insert it as an image in your signature editor.
Why a GIF is the only animation that works in email
Email clients are deliberately strict. Gmail, Outlook and most webmail strip JavaScript entirely, and CSS animation support ranges from partial to none. Video does not autoplay in an inbox. The one moving format that nearly every client shows is the animated GIF, which is why every animated signature, newsletter header and countdown you have seen in an email is a GIF.
What makes a good signature animation
- Short. Three to six seconds in total. One or two lines: your name and role, or a single call to action.
- Small. 600 px wide or less, and ideally under 200 KB. Signatures load on every message you send, often on phones.
- Readable on the first frame. Some older Outlook versions show only the first frame. Put the essential words in Text that stays so they are visible from the start.
- Calm. Turn off looping so the animation plays once and settles on the final line, or use a long pause so it does not distract from your message.
Adding it to your signature
In Gmail you insert images from Google Drive or a web address; in Outlook and Apple Mail you can insert the file directly. The full walkthrough, with the settings to check in each app, is in How to add an animated GIF to your email signature.
Questions
Something else? Email hello@typingtextgif.com.
Read next
How to Add an Animated GIF to Your Email Signature
Step by step for Gmail, Outlook and Apple Mail, the size limits, and the Outlook first-frame catch.
How to Add Text to a GIF (Free, 4 Ways)
Add a caption or moving text to any GIF: in your browser, in Canva, on iPhone and Android, and how to make the text itself animate.
How to Make a Typewriter Effect in PowerPoint
Make text appear letter by letter in PowerPoint with the built-in animation, set the right delay, and the GIF shortcut that also works in Google Slides.
Your words, typing themselves.
Make your GIF Free. No sign-up. Nothing uploaded.