Infinite horizontal marquee of partner / customer logos with a soft fade-mask on both edges. Pause on hover, dual-row counter-scrolling rails.
1<section class="marq-stage min-h-screen flex items-center justify-center px-4 py-12 relative overflow-hidden">
2 <span class="marq-orb orb-a"></span>
3 <span class="marq-orb orb-b"></span>
4
5 <div class="relative w-full max-w-6xl">
6 <header class="text-center mb-10">
7 <span class="inline-flex items-center gap-2 px-3 py-1 rounded-full text-[11px] font-bold uppercase tracking-[0.18em] mb-4 marq-pill">Trusted by</span>
8 <h2 class="text-white font-bold leading-tight tracking-tight" style="font-size:clamp(1.75rem,4vw,2.5rem)">Engineering teams who ship daily.</h2>
9 <p class="text-slate-300/70 max-w-md mx-auto mt-2 text-sm">3,400+ companies use Atlas to keep design and code in lockstep.</p>
10 </header>
11
12 <div class="marq-wrap">
13 <div class="marq-track">
14 <div class="marq-row">
15 <span class="marq-logo">vercel</span>
16 <span class="marq-logo">linear</span>
17 <span class="marq-logo">stripe</span>
18 <span class="marq-logo">figma</span>
19 <span class="marq-logo">retool</span>
20 <span class="marq-logo">notion</span>
21 <span class="marq-logo">supabase</span>
22 <span class="marq-logo">vercel</span>
23 <span class="marq-logo">linear</span>
24 <span class="marq-logo">stripe</span>
25 <span class="marq-logo">figma</span>
26 <span class="marq-logo">retool</span>
27 <span class="marq-logo">notion</span>
28 <span class="marq-logo">supabase</span>
29 </div>
30 </div>
31 <div class="marq-track marq-track-reverse">
32 <div class="marq-row">
33 <span class="marq-logo">cloudflare</span>
34 <span class="marq-logo">vite</span>
35 <span class="marq-logo">posthog</span>
36 <span class="marq-logo">resend</span>
37 <span class="marq-logo">clerk</span>
38 <span class="marq-logo">prisma</span>
39 <span class="marq-logo">turso</span>
40 <span class="marq-logo">cloudflare</span>
41 <span class="marq-logo">vite</span>
42 <span class="marq-logo">posthog</span>
43 <span class="marq-logo">resend</span>
44 <span class="marq-logo">clerk</span>
45 <span class="marq-logo">prisma</span>
46 <span class="marq-logo">turso</span>
47 </div>
48 </div>
49 </div>
50 </div>
51</section>Hundreds of production-ready Bootstrap 5 snippets — cards, navbars, dashboards, pricing tables, modals. Live preview, one-click HTML download with the CDN pre-wired, MIT licensed.
517
Snippets
2629.2k
Views
86.2k
Downloads
Card Grid Layout
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.