Atlas
.atlas-marquee

Marquee

Infinite scrolling text strip. For landing pages, brand bands, and persistent status ribbons.

.atlas-marquee.atlas-marquee-track

Live preview

40+ components·AMOLED black·Multi-surface·Framework-agnostic·40+ components·AMOLED black·Multi-surface·Framework-agnostic·

Slower brand band (120s)

OKatlas-coreSLOWatlas-edgeOKatlas-apiFAILatlas-docsOKatlas-coreSLOWatlas-edgeOKatlas-apiFAILatlas-docs

HTML

<div class="atlas-marquee">
  <div class="atlas-marquee-track">
    <span>40+ components</span>
    <span>·</span>
    <span>AMOLED black</span>
    <span>·</span>
    <span>Multi-surface</span>
    <span>·</span>
    <!-- Duplicate content for seamless loop -->
    <span>40+ components</span>
    <span>·</span>
    <span>AMOLED black</span>
    <span>·</span>
    <span>Multi-surface</span>
    <span>·</span>
  </div>
</div>