Back
Marquee
Logo / Text Strip
Go Templ HTMX Alpine.js Tailwind Echo PostgreSQL RedisGo Templ HTMX Alpine.js Tailwind Echo PostgreSQL Redis
Right Direction
★ Fast ★ Accessible ★ Type-safe ★ No JS required ★ Open source★ Fast ★ Accessible ★ Type-safe ★ No JS required ★ Open source
Slow & Fast
Slow (40s)
Fast (8s)
Usage
// Children are duplicated internally for seamless looping.
@display.Marquee(display.MarqueeProps{
Speed: 20, // seconds per full cycle (default 20)
Direction: "left", // "left" | "right"
Gap: "gap-8", // Tailwind gap class (default "gap-8")
PauseOnHover: true, // pause on hover
}) {
<img src="/logo-a.svg" class="h-8"/>
<img src="/logo-b.svg" class="h-8"/>
// ...
}