Yes! You can paste an tag into the text field instead of plain text.

HTML Marquee Generator

Create scrolling text (marquees) for your website. Customize direction, speed, colors, and behavior instantly.

Live Preview

Welcome to my website! Check out our latest updates.

Content & Layout

Text or HTML

Width

Height

Background Color

Text Color

Animation Settings

Direction

Behavior

Speed (Scroll Amount)

Loops

Generated Code

<marquee direction="left" behavior="scroll" scrollamount="6" style="background-color: #f0f9ff; color: #0369a1; width: 100%; height: 50px; font-family: sans-serif; line-height: 50px;">
  Welcome to my website! Check out our latest updates.
</marquee>

Retro Scrolling Text

Bring back the 90s web aesthetic or create eye-catching announcements. Generate customizable HTML marquee tags with live preview and instant code output.

Live Preview

How this HTML Marquee Generator works

Our HTML Marquee Generator creates customizable scrolling text elements with a live preview directly in your browser. You configure the marquee by setting parameters including scroll direction (left, right, up, or down), speed, behavior type (scroll, slide, or alternate), background color, text color, font size, and dimensions. The tool generates both the classic HTML marquee tag and a modern CSS animation equivalent that works reliably across all current browsers.

A real-time preview window shows your marquee exactly as it will appear on a webpage, updating instantly as you adjust any parameter. The generated code is displayed in a syntax-highlighted code block that you can copy with a single click. For developers who prefer modern standards, the CSS-based alternative uses keyframe animations to replicate marquee behavior without relying on the deprecated HTML element.

All code generation and preview rendering happen entirely on your device through client-side processing — no data is sent to any server. This tool is especially useful for web developers adding dynamic text banners, retro-styled website sections, or attention-grabbing announcements. You can experiment with unlimited configurations at no cost and without any registration requirement.

How to use this HTML Marquee Generator

Customize Text

Enter the message you want to scroll.

Adjust Settings

Set direction, speed, colors, and behavior.

Get Code

Copy the generated HTML tag for your site.

Example Usage

Generating a scrolling announcement:

Input

Text: "Sale!", Speed: 10

Output

Frequently Asked Questions

Is the <marquee> tag deprecated?

Yes, it is technically deprecated but still supported by most modern browsers. Use CSS animations for production sites.

Can I use images?

Yes! You can paste an <img> tag into the text field instead of plain text.

How do I stop it on hover?

You can add onmouseover="this.stop();" onmouseout="this.start();" to the tag manually.

Related Tools

Try It

Lorem Ipsum Generator

Generate placeholder text.

Try It

HTML Button Generator

Generate custom HTML buttons with CSS styling.

Try It

Hyperlink Generator

Generate HTML anchor tags with SEO attributes.

Try It

HTML Table Maker

Create clean HTML tables with a visual spreadsheet editor. Customize rows, columns, and headers.

Try It

HTML Formatter

This free HTML formatter lets you beautify HTML files. Paste the content of your HTML file and the tool automatically formats it.

Try It

Online Syntax Highlighter

Highlight your code with syntax coloring for various languages. Generate HTML with inline styles or classes.

The HTML Marquee Generator is maintained by CodeItBro. We aim to provide the best free developer tools on the web. If you have feedback or suggestions, please visit our contact page.

Featured On