Logo Stage Pro

Try settings here:

https://logostage-playground.vercel.app/

LogoStage carries five different motion families and lets you assign a different one to narrow screens, so a single component covers the row under your hero, the band in the middle of the page, and the mobile fallback.

FIVE MOTION MODES:

Marquee — even, continuous scroll with every logo held at one opacity. The quiet default.

Spotlight — a fixed focus zone in the centre. A logo scales up, loses its blur and gains full colour as it passes through, then drops back. The strip moves at constant speed; only the treatment travels.

Depth — real perspective. Logos rise from the back, travel toward the camera, peak sharp at the centre and dissolve as they pass you.

Swap — no scrolling. Fixed slots cross-fade through the logo pool on staggered timing, so every name can actually be read. The slot count fits the available width on its own, or you set it yourself — that is what spacing means in this mode.

Wave — marquee plus a slow sine bob and a hair of rotation, phase-shifted per logo. Organic rather than mechanical.

STYLING IS SEPARATE FROM MOTION

Spacing: one Gap control, edge to edge, honoured exactly in bare, chip and card alike.

Container: background, corner radius, border, and an edge fade you can widen or switch off.

Items: bare, chip (pill with border) or card (rounded rectangle), with your own fill, border, radius and padding.

Highlight: the item in focus can fill with an accent colour, in every mode except Marquee.

Focus: how wide the centre zone is, and how far resting logos drop in opacity.

COLOUR

Three treatments: original, grayscale, or flat tint.

BEHAVIOUR

Horizontal or vertical.

Drag with momentum, and an optional scroll push that speeds the row up as the page moves.

Pause on hover.

Sleeps when scrolled off screen or when the browser tab is hidden, so it costs nothing when nobody is looking.

Lazy-loaded images and per-logo links.