Scrolling Text Generator
Create horizontal or vertical scrolling text, preview the motion, and export copyable HTML/CSS.
- Text lines
- 0
- Seconds per loop
- 0
- Font size
- 0
- Padding
- 0
Learn more
How to use
Enter the text, choose a direction and visual style, then preview the motion before copying or downloading the HTML/CSS.
Method and boundaries
The text is escaped before it is placed in the preview, and the exported CSS uses translateX or translateY with a prefers-reduced-motion fallback.
Frequently asked questions
How do I make the text move faster?
Reduce the loop duration. The duration is the number of seconds for one complete movement.
Can several lines scroll vertically?
Yes. Choose up or down and the lines move together as one content block.
What happens when reduced motion is enabled?
The preview and exported code include a prefers-reduced-motion fallback that stops continuous motion when requested.
Privacy and references
Text is processed in this browser and is not uploaded.
Scrolling text should not be the only way to present important information. Keep a static alternative and respect reduced-motion preferences.