Skip to content
tileio

Menu

12 layers · 3 free

Logo marquees and logo walls

A logo strip is social proof that should take a second to read. The first five here move: Logo Marquee is two rows of pure CSS that pause on hover, and the others add drag, a lens, scroll speed or a change of layout. The rest are walls that stay put and show more on hover.

Moving strips need a way to stop. Logo Marquee pauses under the pointer, Works-with Marquee and the press band have a pause button, and the drag grid stops the moment you grab it.

The 12 layers, in order

  1. Two rows of wordmark pills drifting in opposite directions with feathered edges; pure CSS, two copies per row, paused by hover.

  2. Three rows of app icons passing under a fixed lens that enlarges and names whatever crosses it. For integration lists.

  3. A one-line ticker that slows as the section pins and flies the logos into a 4 × 3 grid, rejoining the stream on the way back up.

  4. A brickwork wall of logos drifting on a diagonal that you can grab and fling in any direction.

  5. A band of press quotes that surges ahead or runs backwards with your scroll, then settles to an idle drift.

  6. Grey marks that turn to full colour as a diagonal band sweeps across on scroll: one pass of motion instead of a loop.

  7. A ruled grid of grey marks; the hovered one turns to colour and a caption slides up with what they built.

  8. One popover that travels between logos on hover or focus, carrying the headline number and a link to each case study.

  9. Twelve tiles where a random one flips every 1.6 s to show another client, so the wall shows 24 over time.

  10. A team counter ticking up while tiles flip to reveal newcomers with a 'just joined' tag.

  11. Integration logos on two counter-rotating rings around your mark; hover pauses a ring and draws a connector to the centre.

  12. Logos sized like a word cloud by revenue, seats or years; switching the measure resizes and re-flows them.

Browse the full catalogue: Sections

Related collections

All collections