A zero-idle-CPU infinite scrolling carousel designed for brand logos and galleries. Powered by a Double-Wrapper architecture and smart velocity math.

marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
marquee brand logo
  • Smart Velocity Math

No more hyper-speed scrolling on large galleries. The engine mathematically adapts the CSS animation duration based on the number of images uploaded, ensuring a consistent visual speed.

  • Hover Physics Engine

Engage users with tactile interactions. Enable “Pause on Hover” or use the advanced Web Animations API to organically “Slow Down” the track to 30% velocity for a cinematic inspection feel.

  • Sibling Focus Blur

A premium SaaS-level interaction. When a user hovers over a logo, that specific card elevates and gains color, while all sibling cards smoothly blur out to isolate visual focus.

Start free for essential logo carousels or activate PRO for complex interactions.

  • Hardware-accelerated infinite loop
  • Custom links (Open in new tab)
  • Hover Lift Effect
  • Zero-idle-CPU IntersectionObserver
  • Limit: Maximum 7 images
  • Dynamic Edge Fade Masks
  • Sibling Focus Blur Addon
  • Segmented Progress Rail UI
  • Add unlimited images per track
  • Dynamic transparency Edge Fade masks
  • Sibling Focus Blur interactions
  • Web Animations API Slow-Down
  • Segmented Progress Rails (Bottom/Right)
  • Active Center Highlight isolation
  • Pause & Slow interaction badges

How the Kinetic Marquee engine protects your Core Web Vitals.

Does a looping animation consume device battery?

Not ours. The block features a “Zero-Idle CPU” design. A master IntersectionObserver continuously monitors the viewport. When the marquee scrolls off-screen, all CSS play-states are strictly halted, preserving battery life and RAM on mobile devices.

What is the Double-Wrapper architecture?

Standard marquees break when you add a shadow to the container (because overflow: hidden clips the shadow). We use an isolated Double-Wrapper DOM structure. The outer wrapper handles global shadows flawlessly, while the inner wrapper safely processes complex transparency masks for the edge-fades.

Will it break Windows scrollbars?

No. Standard “full-width” blocks often use 100vw, which triggers an ugly horizontal scrollbar on Windows operating systems. We neutralized this bug by using a safe calc(50% – 50vw) negative margin injection, ensuring a perfect edge-to-edge bleed across all systems.

Is the block accessible (A11y) for screen readers?

Yes. The block fully respects OS-level prefers-reduced-motion settings, falling back to a clean CSS scroll-snap gallery to prevent motion sickness. Additionally, it safely hides the infinite cloned tracking nodes from screen readers viaaria-hidden=”true” to prevent audio repetition.