Scrolling Text Generator

Free Marquee Text Generator

Build eye-catching marquee text animations in seconds. Choose your animation style, customize colors and speed, preview in real time, and export clean HTML & CSS for any website.

Live Preview
Welcome to Scrolling Text Generator!
Generated Code
<style>
.stg-container {
  overflow: hidden;
  background: #ffffff;
  padding: 10px;
  border-radius: 0px;
  
  
}

@keyframes stg-b0-scroll { from { transform: translateX(100%); } to { transform: translateX(-100%); } }

.stg-block-0 {
  overflow: hidden;
  background: transparent;
}
.stg-block-0 .stg-text {
  color: #000000;
  font-size: 16px;
  
  animation: stg-b0-scroll 10s linear infinite;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.stg-block-0 .stg-text:hover { animation-play-state: paused; }
</style>

<div class="stg-container">
  <div class="stg-block-0">
    <div class="stg-text">Welcome to Scrolling Text Generator!</div>
  </div>
</div>

Container Settings

Text Block

Supports HTML: <b>, <i>, <a href="...">, <span style="...">

What Is Marquee Text?

Marquee text is a line of text that scrolls continuously across the screen. Originally made popular by the HTML <marquee> tag in the 1990s, marquee effects are still widely used on modern websites for announcements, breaking news, promotional messages, and decorative headlines. Today, the recommended approach is to use CSS animations instead of the deprecated tag.

How to Create Marquee Text

  1. Type or paste your text into the editor above.
  2. Choose an animation type — scroll, slide, bounce, or fade — and set the direction and speed.
  3. Customize the font, text color, background, and spacing to match your brand.
  4. Preview the result in real time and tweak until it looks perfect.
  5. Copy the generated HTML & CSS code and paste it into your website, landing page, or CMS.

Why Use Our Marquee Text Generator?

  • No coding required — a visual editor produces clean, copy-paste-ready code.
  • Modern CSS animations — no deprecated <marquee> tag; works in every browser.
  • 8 animation styles — scroll, slide, bounce, fade, typewriter, and more.
  • Live preview — see changes instantly before copying the code.
  • 100% free — no sign-up, no watermarks, no limits.

Frequently Asked Questions

What is a marquee text generator?
A marquee text generator is an online tool that creates scrolling or moving text for websites. It produces the HTML and CSS code needed to display text that slides across the screen, similar to the old HTML <marquee> tag but using modern, accessible CSS animations.
Is the HTML marquee tag still supported?
The HTML <marquee> tag is deprecated and should not be used in modern web development. Browsers may still render it, but it is not part of any current web standard. Our generator uses CSS animations instead, which are fully supported, performant, and accessible.
Can I customize the speed and direction of my marquee text?
Yes. You can control the scroll speed, choose from multiple animation directions (left, right, up, down, bounce, and more), adjust fonts, colors, background, and spacing — all with a live preview before you copy the code.
Do I need to know how to code to use this tool?
No. The generator provides a visual editor with live preview. You configure your marquee text using simple controls, and the tool generates production-ready HTML and CSS that you can copy and paste into any website, CMS, or page builder.