Quote Marquee

Show Preview
Quote Marquee

About Quote Marquee

An infinite-scroll testimonial ticker for Framer — no images, no setup, no external libraries.

Drop it in, open the property panel, and add your testimonials: name, company, and quote. Initials avatars are auto-generated from the name field and color-coded from a curated palette. No image uploads, no asset management.

The ticker scrolls infinitely with a seamless loop. Hover to pause, toggle direction, adjust speed, control the gap between cards — all live from the panel.

Configurable from the panel:

  • Container width (400–1400 px) and card width (200–400 px)

  • Scroll speed (10–120 s per loop)

  • Direction: left or right

  • Pause on hover: on/off

  • All colors: card background, border, text, muted, accent

  • Testimonials: unlimited, via Array control (name, company, quote, optional initials override)

Engineering:

  • Pure React + CSS @keyframes — no external libraries, no framer-motion

  • Auto-generated initials avatars — 10-color curated palette, zero images

  • Seamless infinite loop via DOM duplication (no JS timers)

  • Static-renderer gated: animation disabled on Framer canvas for smooth editing

  • Fixed-dimension cards: zero layout shift guaranteed

  • Single .tsx file, no setup, no API keys

Built for SaaS landing pages, agency sites, and any Framer project that needs polished, infinitely scrolling social proof.

Prefer a full wall of love? Grab the masonry grid version with Load More:

https://www.framer.com/community/marketplace/components/social-proof-wall/