The LED Scroller tool recreates the moving text effect seen on LED TV news tickers, sports scoreboards, and broadcast banners directly inside your browser, using only CSS animation, a short message, and a handful of controls. It accepts one short message of up to 120 Unicode code points, lets you pick slow, medium, or fast motion (which are fixed 12, 8, and 4 second CSS loops), choose a left-to-right or right-to-left travel direction, and set the text size to one of five options between 32 and 96 CSS pixels. Press Start scrolling, and a large monospaced banner moves across the preview area on a clean track using the site's own color tokens; Pause freezes the current frame, Resume continues it, and Restart begins the loop from its initial position. Editing any input clears the previous preview so the on-screen banner can never silently disagree with the controls. The whole thing runs in the current browser tab — nothing is uploaded, stored, translated, or sent to any third party.
The LED TV Text Effect You're Probably Trying to Recreate
When people search for ways to move text like an LED TV, they are usually trying to reproduce one of a handful of recognizable on-screen effects: the lower-third news ticker that scrolls a station's headlines across the bottom of the broadcast; the score bug at a sports venue that cycles through stats, player numbers, and team names; the LED panel outside a stadium or storefront that flashes short promos and welcome messages; the concert marquee that announces the next act; or the simple handheld sign that grabs attention at a busy event. Each of these relies on the same underlying idea: one short line of text, large enough to read at a distance, moving smoothly across a fixed area at a pace the eye can follow.
The LED Scroller reproduces that visual idea as a private browser preview rather than as a simulation of a specific hardware panel. It does not try to copy a named dot-matrix font, a manufacturer refresh rate, pixel pitch, brightness level, physical sign controller, or proprietary protocol. Instead, it uses large monospaced browser text with increased character spacing and the site's own color tokens to create a clean LED-style scrolling track. That matters because the rendered shape depends entirely on the fonts available to the current browser, and the apparent travel rate varies with message length, chosen size, viewport width, zoom, and device. If a viewer needs a calibrated physical sign with certified brightness and remote scheduling, use the manufacturer's software for that hardware — for everything else, the browser preview is the fastest way to see whether a message reads clearly when it scrolls.
How to Move Text Like an LED TV in Your Browser
The full process takes three short steps, and you can re-run them as often as you like without ever leaving the page.
- Open the LED Scroller tool and enter one short message — a name, a score, a welcome line, a hashtag, an event cue, or anything else that fits a single line. The widget trims outer whitespace, accepts emoji, accented letters, punctuation, and non-Latin scripts (each counted as one character rather than two raw UTF-16 units), and caps the total at 120 Unicode code points. Control characters, line breaks, and Unicode line or paragraph separators are rejected, because a one-line banner cannot show invisible breaks without producing confusing output.
- Choose a loop speed, a travel direction, and a large text size. Speed has three presets — slow at 12 seconds per loop, medium at 8 seconds, and fast at 4 seconds — and each is a fixed CSS animation duration, not a calibrated pixels-per-second value. Direction is either right-to-left (the default news-ticker motion, starting on the right and carrying across toward the left) or left-to-right (the reversed motion). Text size is one of five fixed options: 32, 48, 64, 80, or 96 CSS pixels. The fixed ranges keep the controls predictable and prevent extreme values from breaking the page layout.
- Press Start scrolling and watch a complete loop. The preview appears in the browser as soon as the button is pressed; the tool validates the current configuration before showing it, so the visible banner can never silently disagree with the controls. If a viewer needs to copy a name, code, or address, press Pause to freeze the current frame as a stationary sign; press Resume to continue the same motion; or press Restart to begin the loop again from its initial position. Editing any input clears the old preview so the next Start scrolling starts from a clean state.
Speed, Direction, and Size — What the Controls Actually Do
Because the speed presets are CSS loop durations rather than pixels per second, a short message at the fast setting covers less distance per frame than a long message at the same setting. The table below summarizes the officially defined values so a preset can be picked by watching the actual preview.
| Control | Option | Defined Value | Best Used When |
|---|---|---|---|
| Speed | Slow | 12-second loop | Long messages and careful reading from a distance |
| Speed | Medium | 8-second loop | General-purpose banners and most news-ticker simulations |
| Speed | Fast | 4-second loop | Short messages where maximum visual urgency is needed |
| Direction | Right to left | Starts on the right, carries toward the left | Matches the classic broadcast news ticker |
| Direction | Left to right | Starts on the left, carries toward the right | Reverses the motion for language or layout reasons |
| Text size | 32 / 48 / 64 / 80 / 96 px | Five fixed CSS pixel options | Pick the largest size the screen can fit without clipping |
Note that Pause and Resume do not change the loop position — they only flip the CSS animation-play-state, so the banner resumes from exactly where it stopped. Restart, by contrast, creates a fresh animation instance and returns it to the beginning. The stylesheet also honors the browser's prefers-reduced-motion setting: if the operating system or browser is configured to reduce motion, the banner stays paused even after Start scrolling, which prevents a site preference from overriding an accessibility request. The stationary message still works as a visual attention signal, and every control still responds.
Privacy, Reduced Motion, and Browser-Only Behavior
Everything happens inside the current browser tab. The widget does not upload the message, save it, analyze it, translate it, or send it to an advertising or AI service. There is no account requirement, no generated file, no server process, no canvas draw cycle, and no requestAnimationFrame worker continuing in the background — only a CSS keyframe animation. Because the tool intentionally avoids requesting browser fullscreen permission (those prompts can be suppressed by browsers without a direct user gesture and may hide important controls), the easiest way to make the banner larger is to increase the text size inside the controls or to use the browser's normal fullscreen command if the page itself should fill the screen.
The reduced-motion safeguard is worth understanding: if a viewer has asked their device to reduce motion, the banner remains stationary regardless of which speed preset is selected. That is intentional. A teacher preparing content for a student with vestibular sensitivity can leave the controls at any preset and trust that the banner will not move. The stationary message still works as a quick handheld sign, event cue, desk message, presentation prompt, photo prop, or visual attention signal when a full sign-making application would be unnecessary.
Common Pitfalls and Hard Limits
A few hard limits shape what the tool can and cannot do, and they are worth knowing before a presentation is planned.
The message field caps at 120 Unicode code points and rejects control characters, line breaks, and Unicode line or paragraph separators. Outer whitespace is trimmed. If a multi-line blockquote is pasted, the line breaks are removed and the surrounding lines are concatenated into a single continuous string rather than wrapped. The widget will not shorten an over-limit message, replace unsupported text, change case, correct spelling, translate, or insert decorative symbols. Plan the wording in advance and keep it short: a name, a phrase, or a single fact reads better on a moving banner than a full sentence.
Choose the speed preset by watching the actual preview on the screen it will be displayed on, not by treating the label as a calibrated physical rate. A 4-second loop moves a five-character string across the viewport less distance in the same time than a 90-character one, because the apparent travel rate changes with message width, chosen font size, browser width, zoom, and device. Pick the preset whose movement looks comfortable from the viewer's distance and reading angle, then verify that everyone who needs the message can read it at the chosen pace and distance.
Finally, keep critical safety instructions stationary and plainly visible. A moving decorative banner should never be the only channel for an emergency warning, accessibility notice, traffic direction, or other high-consequence message. Use the banner for attention and decoration, and rely on a fixed sign or spoken instruction for anything that has to be transcribed carefully.
Try the LED Scroller to recreate the LED TV moving-text effect in your own browser.