You're good at what you can do and you can get better!

marqu-eee

A web component for the 20th century

Motivation

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™.

Usage

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.

It comes with plenty of cool options!

direction

up

down

left

right

Sets the direction the content will move in

behavior

alternate

slide

scroll

Scroll scrolls endlessly, alternate bounces, and slide scrolls and then stops

center

x

y

Centers the content on the given axis

loop

'infinite'

number

Determines how many times the animation will loop

duration

ms

s

number

The duration of the animation