HTML Marquee Generator

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

Welcome to my website! Check out our latest updates.

Content & Layout

Animation Settings

6
<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

The HTML Marquee Generator runs entirely in your browser using JavaScript. Unlike other tools that send your data to a server, we process everything locally on your device. This guarantees 100% privacy and blazing fast speed.

  • No server interaction – data never leaves your device
  • Instant results since there is no network latency
  • Works offline once the page is loaded
  • Free to use with no usage limits

How to Use

1

Customize Text

Enter the message you want to scroll.

2

Adjust Settings

Set direction, speed, colors, and behavior.

3

Get Code

Copy the generated HTML tag for your site.

Example Usage

Generating a scrolling announcement:

Input
Text: "Sale!", Speed: 10
Output
<marquee scrollamount="10">Sale!</marquee>

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

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.