n-marquee

Create a smooth horizontal scrolling marquee in Vue3 by using a CSS-based animation component that handles consistent motion automatically. It supports auto-fill to repeat content and prevent visual gaps across the container.

You can use images, text, and embedded components inside a Naive UI scrolling ticker. The marquee container accepts flexible content types within the scroll area without restricting you to simple text strings.

Control the scrolling speed of a horizontal banner animation by adjusting the speed prop, which accepts values measured in pixels per second to determine how fast your content moves across the screen.

The n-marquee component requires no external dependencies to function. It relies entirely on CSS-based animation for its smooth scrolling effect, making it lightweight and easy to integrate into existing Vue3 projects.

Auto-fill works for horizontal scrolling content by automatically repeating the provided items to fill the container width. This prevents empty gaps from appearing when the content volume is insufficient to span the area.

The best way to display a scrolling text ticker in a Vue3 application is using a CSS-based animation component that provides smooth motion and auto-fill capabilities with minimal setup required for immediate rendering.