Framer component · $10
Good Words
Testimonials from your CMS, shown as rows that drift in opposite directions, a stack of cards that turns, or a wall. Your clients’ words, in your style.
Rows: two rows drift in opposite directions and pause under the pointer.
- The new site went live in three weeks, and we booked two projects from it in the first month. — Mara Ellison, Interior designer
- Clear plan, no surprises. Every week we saw real progress and could comment on the actual pages. — Tomas Reyes, Café owner
- Our old site was hard to update. Now the team changes prices and photos themselves in minutes. — Ines Varga, Studio manager
- They asked the right questions before designing anything. The result feels like us. — Daniel Okafor, Architect
- Fast on phones, easy to read, and visitors finally find the booking button. — Lena Brandt, Physiotherapist
- Friendly, quick to reply and honest about what we needed and what we did not. — Sam Whitfield, Bakery owner
Stack
One card at a time. It turns every few seconds, pauses on hover and focus, and works with the buttons and the arrow keys.
The new site went live in three weeks, and we booked two projects from it in the first month.
Testimonial 1 of 6
Wall, from the CMS
These eight come from a CMS collection. The list item has text layers named Quote, Name and Role; Good Words reads them and draws the cards.
The new site went live in three weeks, and we booked two projects from it in the first month.
Clear plan, no surprises. Every week we saw real progress and could comment on the actual pages.
Our old site was hard to update. Now the team changes prices and photos themselves in minutes.
They asked the right questions before designing anything. The result feels like us.
Fast on phones, easy to read, and visitors finally find the booking button.
Friendly, quick to reply and honest about what we needed and what we did not.
Details
From your CMS
Pick a Collection List in Content and name its layers Quote, Name, Role and Photo. Add or edit testimonials in the CMS; the cards follow.
Or typed in
No CMS? Add quotes, names, roles, photos and ratings in the right panel.
Three layouts
Rows that drift in opposite directions, a stack that turns, or a wall.
Your style
Card color, border, radius, padding, fonts and colors for the quote, name and role, stars, and an optional shifted outline.
Search engines read it
The Collection List stays in the page, so every quote is in the HTML.
Reduced motion
Visitors who turn off motion see a still grid. Screen readers get one readable list.
Settings
Content / Items
A Collection List with layers named Quote, Name, Role, Photo (Rating optional), or quotes typed in the right panel.
Layout
Rows, Stack or Wall.
Rows / Speed / Fade edges
Rows: 1 to 3 rows, how fast they drift, and soft edges.
Turn every
Stack: seconds per card. 0 turns only with the buttons and arrow keys.
Columns
Wall: at most this many columns; fewer on narrow screens.
Card width / Gap / Padding / Radius
The size and spacing of the cards.
Card / Border / Shifted outline / Accent
Card colors, and an optional colored outline offset behind each card.
Fonts and colors
For the quote, the name and the role. Stars when a quote has a Rating.
How to use it
01
Buy it, then open the component link from your receipt.
02
Paste it on any page of your Framer project (⌘V).
03
Change the settings in the right panel. Preview to see it move.
From the same maker
Framer templates by H SHIFT WORKS
CIRCLED
Booking site for portrait and wedding photographers.
View template →
AGENDA
Conference site with schedule, speakers and venue.
View template →
OFFSET
Studio site for an independent digital agency.
View template →
TRUSS
Site for renovation and design-build companies.
View template →
GAZE
Dark, photo-led portfolio for one visual artist.
View template →
© 2026 H SHIFT WORKS. Framer templates, plugins and components.
framer.com/@hshiftworks
X: @hshiftworks