Ravox KitText & motion
Marquee
Seamless marquee: switchable direction, faded edges, and pause on mouse, touch or focus. Stays still with reduced motion.
PixCartão em até 12xBoletoEntrega em 24hRetirada na lojaTroca em 30 diasFrete grátis acima de R$ 199
Settings
Toggles
Installation
The command creates components/ui/marquee.tsx in your project and installs the theme with it. The file is yours: edit it as you like.
npx @ravox-ui/cli add marqueeProps
| Prop | Type | Default | Description |
|---|---|---|---|
| duration | number | 40 | Seconds for one full loop. |
| reverse | boolean | false | Moves to the right. |
| pauseOnHover | boolean | true | Stops with the mouse over it, a finger pressed, or focus on an item. |
| fadeEdges | boolean | true | Fades the edges. |
| gap | number | 12 | Space between items, in px. |