KQ-184 · MARQUEE/SWAP

Marquee Swap

One line at a time, rolling upward. The current line lifts out the top as the next rises from the bottom into the same clipped slot, so a run of phrases reads as a single rolling display rather than a stack.

KQ-184 · MARQUEE/SWAP

A good spring settles clean.

Lines roll upward

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/marquee-swap

Props

PropTypeDefaultDescription
itemsstring[]The lines to roll through, in order.
intervalnumber2.6Seconds each line holds before the next rolls up.