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

items: string[]; default —; The lines to roll through, in order.
interval: number; default 2.6; Seconds each line holds before the next rolls up.

Prop	Type	Default	Description
items	string[]	—	The lines to roll through, in order.
interval	number	2.6	Seconds each line holds before the next rolls up.