Aisol Quote Motion — testimonial carousel with four motions, Framer component

Aisol Quote Motion is one testimonial carousel with four motions: slide, stamp (cards land on a stack), fade, and floor, where the quotes lie on a tilted floor and the current one stands up.

Quotes come from the panel or a Collection List read by layer names: quote, name, role, stars, source badge, link, avatar and an optional video that plays muted while its card is on screen.

One index drives everything and the motion is CSS on that index; autoplay pauses on hover, focus, off screen, in a hidden tab and under reduced motion.

- Floor is CSS 3D only (no WebGL): a drawn floor plane and one transform per card, so the canvas shows the standing card as the first frame.

- Only the current card's video plays, muted and looping; the others stay paused and load nothing. A play button stays on the card.

- Screen readers get one quote at a time; the position (Quote 2 of 4) is announced politely when the visitor moves.

What you control

- Quotes as an array (quote, author, role, avatar, rating, source, link, video, poster) or a Collection List through the quote slots

- Motion: slide, stamp, fade or floor; autoplay seconds (0 = off); video autoplay on or off

- Arrows, dots, stars, avatars; left or centred; max width, radius, padding, font, text size

- Accent, text, muted, card and floor colours; every screen-reader label; empty-state text

Limits: one quote is visible at a time (CMS Review Wall is the grid); in the floor motion the two neighbours lie on the floor, clipped at the stage edge; a video plays only on the current card, muted, and needs a poster for the canvas.

What you get

One Component URL (paste it on the Framer canvas), the live preview link, and update instructions. Already using Quote Motion? In Framer open Assets › Components › Aisol Quote Motion › Update and your instances keep their settings.

Requirements

Any Framer project. No plugins, no external libraries.