logosBeginneranimation

Trusted-By Logo Cloud

Infinite scrolling logo cloud with subtle hover-saturate effect.

Live preview

Claude prompt

Drop this into Claude Code, claude.ai, or your AI tool of choice to regenerate or remix this component from scratch.

Build a clean infinite-scrolling logo cloud: a small uppercase 'Trusted by teams at' eyebrow above a horizontal marquee of company names rendered in bold Inter (no images — just typographic 'logos' as text). Items scroll right-to-left over 28s linearly, infinite. Use a horizontal mask-image gradient so logos fade at the left and right edges. Items are muted gray by default, full black on hover. Pause animation on hover. Duplicate the items so the loop is seamless.

Code

html

<!--
  Source: Vibedex
  https://vibedex.io
  License: MIT
  Surfaced via https://vibedex.io/components/vbx-logo-marquee
-->
<section class="section"><p class="eyebrow">Trusted by teams at</p><div class="marquee"><div class="track"><span>Acme</span><span>Vercel</span><span>Linear</span><span>Stripe</span><span>Notion</span><span>Figma</span><span>Anthropic</span><span>Discord</span><span>Acme</span><span>Vercel</span><span>Linear</span><span>Stripe</span><span>Notion</span><span>Figma</span><span>Anthropic</span><span>Discord</span></div></div></section>