You're good at what you can do and you can get better!
A web component for the 20th century
The deprecation of the marquee tag is one of the greatest tragedies to befall software.
What were they thinking, I ask you? What were they thinking? They have murdered whimsy in cold blood. The marquee tag was more than just a block of scrolling text—it was a revolution, a declaration that your website was alive, dynamic, and not afraid to scroll nonsensically in any direction it pleased. Did it clash with every design principle? Sure. Did it make accessibility advocates cry? Probably. But did it spark joy? Absolutely.
The marquee wasn’t just a feature; it was a vibe. A mood. An aesthetic. When you stumbled upon a site with a horizontal scroll of Comic Sans text in fluorescent green on a magenta background, you knew the webmaster meant business. And don’t even get me started on the diagonal scrolls! That was the pinnacle of digital art. A masterpiece that no amount of CSS animation trickery can replicate. “Use CSS instead,” they say, as though CSS animations could ever match the reckless abandon and raw power of a single self-contained tag that Just Worked™.
Using the component is super simple!
import "marqu-eee-wc"
<marqu-eee>Hello</marqu-eee>
There's also an IIFE build, but I can't figure out the unpkg URL. Figure it out yourself.
up
down
left
right
Sets the direction the content will move in
alternate
slide
scroll
Scroll scrolls endlessly, alternate bounces, and slide scrolls and then stops
x
y
Centers the content on the given axis
'infinite'
number
Determines how many times the animation will loop
ms
s
number
The duration of the animation