Scrolling Quotes
A horizontal overflow strip of five fixed-width quote cards each attributed with avatar, role, and company.
A horizontal overflow strip of five fixed-width quote cards each attributed with avatar, role, and company.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Scrolling Quotes lines up five short attributed client cards in a single overflow-x-auto row, each fixed at 320px wide so the strip stays readable while hinting that more cards sit off screen. The quotes are specific: Noah Park from Portside notes that Avery wants to understand the business first, which changes what they design, and Omar Haddad from Axis Digital flags a technical constraint catch that would have cost two weeks in development.
One quotes array of five objects, each with an Avatar component from ui/avatars, drives the strip. Five short quotes in a row deliver volume and variety without needing a carousel or animation.
Reach for this block when the installer has five or more short quotes and wants to show breadth without a tall stacked section. The installer swaps the quote strings, person names, roles, companies, and avatar imports.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the five-quote breadth strip after a longer featured testimonial. Other uses:
Tip: quotes in a scrolling strip need to be short enough to read at a glance; anything over four sentences belongs in a taller card format instead.