Ticker banners
A line that slides across forever, for shop banners, stream overlays and announcements.
Scrolling text GIFs for your
shop banner., stream., LED sign.
Make a sliding, scrolling text GIF: a ticker line that moves across and loops forever without a jump. Set the speed, font and colours, then download. Free, no sign-up.
Live preview1 frames · 1.0s · 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.
Posts, banners and slides
Big display type for Instagram, LinkedIn, a sale banner or the first slide of a talk.
Website headlines
The 'We build ___' line with a changing last word, on Webflow, Wix, Carrd or Notion.
Thanks — talk Thursday.
—
Email signatures
Moving text in Gmail, Outlook and Apple Mail, where CSS animation never plays.
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
Type each message on its own line. They are joined into one continuous ticker.
- 2
Set the scroll speed in the Motion tab, and the font and colours in Style.
- 3
Pick a size in Canvas, then download the GIF. The last frame joins the first, so it loops smoothly.
What a scrolling text GIF is for
A scrolling, sliding or “marquee” text GIF is a single line of words that travels across the image and wraps around without stopping, like a stock ticker, a news crawl or an LED sign over a shop. It is the simplest way to put a message that never goes away on a page: a shipping offer above a store, an “on air” line on a stream overlay, a running list of clients on a portfolio, or a birthday message on a group chat.
The old HTML <marquee> tag is deprecated and most website builders and email clients will not run the CSS or JavaScript that replaced it. A GIF moves everywhere an image is allowed.
How the seamless loop works
A ticker looks broken if it jumps back to the start. This maker joins your messages into one line with spacing between them, repeats that line across the canvas, and saves exactly one full cycle of movement. The last frame lines up with the first, so the GIF plays forever with no visible seam. The number of frames depends on the length of your text and the speed: longer messages and slower speeds mean more frames and a larger file.
Making it readable
- Keep it short. Two or three short messages read better than a paragraph. People see a ticker in passing.
- Use a condensed font such as Bebas Neue so more words fit across, and set the height of the banner to roughly one and a half times the font size.
- Separate messages clearly. Add a character such as “•” or “★” at the end of each line to mark where one message ends.
- Mind the file size. For email and websites, keep the banner under about 1200 px wide and use a flat background. A plain two-colour ticker is usually a few hundred kilobytes.
Where scrolling text works
Shop and landing page banners on Shopify, Wix, Squarespace and Webflow; email newsletters and signatures; Twitch, YouTube and TikTok live overlays in OBS (use a transparent background and the animated PNG for clean edges over video); Discord and Slack; and digital signage that plays image playlists. For a scrolling line inside a presentation, see the guide to text animation in PowerPoint.
Questions
Something else? Email hello@typingtextgif.com.
Read next
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.
How to Add a Typing Effect in Google Slides
Google Slides has no letter-by-letter animation. Here is the workaround with word-by-word animations, and the cleaner way with a typing GIF.
Your words, typing themselves.
Make your GIF Free. No sign-up. Nothing uploaded.