BLOCKS / INTERACTIVE

Marquee block

An infinite scrolling ticker powered by requestAnimationFrame, not CSS animation, for smooth per-pixel speed control.

Logo row, default speed

Speed set to slow, gradientMask and pauseOnHover left at their true defaults. Each item is a flex-block pairing an icon with a name, a common client-logo pattern.

Orbital

Compass AI

Gridworks

Starfield

Text ticker, no mask, no pause

pauseOnHover set to false keeps the ticker moving even under the cursor, and gradientMask is untouched here since it defaults to true — items are large italic press names separated by slashes.

The Wall Street Journal

/

Forbes

/

TechCrunch

/

Wired

Stat numbers, custom speed, no mask

Speed set to custom with speedCustom controlling the exact px/s, and gradientMask turned off so items scroll edge to edge with no fade.

99.9%

UPTIME SLA

150+

COUNTRIES

10M+

ACTIVE USERS

4.9/5

AVG RATING

Testimonial cards with hover shadow

Each marquee-item-block sets hoverShadow to true, adding a box-shadow only while the cursor rests on that item — a nice detail for card-shaped content.

“Reduced our deployment time from 3 hours to 12 minutes. The CI/CD integration alone was worth switching for.”

Sarah Kim

VP of Engineering, Orbital

“The analytics dashboard gives us visibility we never had before. Real-time decisions, not weekly reports.”

Marcus Torres

Head of Data, Layerstack

“We replaced four different tools with this single platform. Onboarding took less than a day.”

Priya Rao

COO, Compass AI

Reverse direction, image cards

Direction set to right instead of the default left — everything else about the block stays the same.