Aisol Quote Motion — testimonials with three motions, Framer component

One testimonial carousel with three motions: slide, stamp — cards land on a small stack — and fade. Switching is a control, not a different component.

One index drives everything. The motion is CSS on that index, so nothing is measured, no observer is attached, and the Framer canvas shows the first quote at rest.

• Autoplay pauses while the visitor hovers or focuses the carousel, and turns off under prefers-reduced-motion — the arrows and dots still work.

• Screen readers get one quote at a time; the position ("Quote 2 of 4") is announced politely, never the whole stack.

• Stars, a source badge, an avatar (or initials when there is no photo) and a link per quote.

What you control

• Quotes as an array: quote, author, role, avatar, rating, source, link — or bind a CMS collection through the quote slots

• Motion: slide, stamp or fade; autoplay seconds (0 turns it off)

• Arrows, dots, stars and avatars on or off; left or centred

• Max width, radius, padding, text size; region label and position wording for screen readers; empty-state text

• Accent, text, muted and card colours

Limits: one quote is visible at a time by design.

Live preview: https://thistle-timing-694660.framer.app/aisol-quote-motion