How to Create an LED Scroller in Five Steps
Five steps in the browser Editor, and three of them are decisions rather than buttons: contrast, letter height for the reading distance, and the speed a line of that length can take.
Five steps, and only two of them are about typing. The other three are decisions that settle whether anyone can read the thing from where they are actually standing.
All of it happens in the Editor at the top of this site. Nothing installs, and nothing you type is sent anywhere.
1. Replace the Sample Text
The Preview scrolls before you touch it, so the page looks like a sign rather than an empty box. That string is Sample Text, not Text: it is never saved, shared, or exported. Type over it and it is gone.
Write the shortest thing that does the job. A name. A flight. A price. A table number. Reaching for a full sentence is the most common way a banner ends up unreadable.
2. Set contrast before anything else
Light letters on a dark field is the LED look because it is the readable one. Get contrast right and even a small banner works. Get it wrong and no font size rescues it.
Dark grey on black looks refined on your desk and vanishes across a room. If you are matching a brand colour, put the brand colour in the background and keep the Text white or one bright hue.
3. Size the Text for the distance, not the screen
This is the step people skip. Sign makers work from a rough rule: every centimetre of capital-letter height buys a bit over a metre of comfortable reading distance.
A phone held up in a crowd gives letters around two centimetres tall, which carries across an aisle but not across a concourse. A tablet on a stand roughly doubles that. A laptop on a counter is read from a step away and can afford a longer line.
Work backwards from where your reader will stand. The distance decides how many words you are allowed, not the other way round.
4. Choose direction and speed together
Left is the marquee default and reads as a ticker. Up reads as a credits crawl and suits a list. Down is rarely what anyone wants.
Speed follows length. The whole message has to finish before it leaves the screen, or people read the first half twice and never reach the end. Long line, slow scroll. Short phrase, fast is fine.
5. Fullscreen Play, or export
Fullscreen Play is where the on-site job ends. The screen becomes the sign: a phone in a window, a tablet at arrivals, a laptop on a counter. Leave the tab open and it runs.
Export instead when the Text has to travel without you, as a GIF in a chat or a clip for a story. Choose a full cycle so the loop meets itself cleanly. A fixed duration cuts mid-scroll, and the seam shows every time it repeats.
Two shortcuts most people miss
A Template is a named starting point that replaces your Text with its own words. Use one when you have no words yet.
A Scene changes the look and leaves your words alone. Use one when the words are already right and the appearance is not. Applying a Scene after you have typed is the fast path, and it is the one people overlook.
What this will not do
It will not produce a CSS marquee to paste into a website, a rendered title sequence for a video timeline, or copy-paste wave text for a chat app. Those are three different tools. This one is a live sign on a screen in front of people.