Marquee
Infinitely scrolling horizontal band of children.
Installation
dotnet add package Lumeo.Motion
One-time app setup (AddLumeo(), CSS & JS) is covered in the
installation guide.
Usage
@using Lumeo <Marquee />
When to Use
- Showcase partner logos, testimonials, or feature highlights in a continuous loop.
- Create a live ticker for news headlines, announcements, or metrics.
- Use
PauseOnHoverto let users read individual items comfortably.
Acme Corp
Globex
Initech
Umbrella
Stark Industries
Dunder Mifflin
Prestige Worldwide
Blazor
.NET 10
Tailwind CSS
Open Source
Components
UI Library
WASM
Server-Side
Acme Corp
Globex
Initech
Umbrella
Stark Industries
Dunder Mifflin
Prestige Worldwide
Acme Corp
Globex
Initech
Umbrella
Stark Industries
Dunder Mifflin
Prestige Worldwide
Pick a speed to see the scroll rate change live. Hover the marquee to pause.
Acme Corp
Globex
Initech
Umbrella
Stark Industries
Dunder Mifflin
Prestige Worldwide
Switch the scroll direction live.
Blazor
.NET 10
Tailwind CSS
Open Source
Components
UI Library
WASM
Server-Side
API Reference
Marquee
Related Components
- Carousel — Slide-based rotator with manual navigation controls.
- TextReveal — Word-by-word reveal animation on scroll.