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.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
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.