Most testimonial sections get scrolled past in half a second. Scroll Testimonials turns your customer proof into a moment visitors have to move through. The section pins to the viewport and a fanned deck of portrait cards rises from below one at a time. Each card lifts, scales into focus with the photo, name, role and quote, then relaxes into a clean tilted row as the next takes over. Nothing is hardcoded shape every part of it from Framer's property panel, no code needed.
Features
Pinned scroll section with cards that rise and focus one at a time
Three modes On Scroll, Autoplay or Hover
Adjustable pin length (1.2×–8× viewport height)
Autoplay interval 0.5s–10s with optional hover-to-pause
Unlimited testimonials: photo, name, role, quote
Card width, height, corner radius, border colour and width
Overlap and tilt controls to shape the deck
Separate active/resting scale, resting opacity, frosted wash
Rise distance for how far cards travel on scroll
Oversized background heading outline or filled
Optional grid pattern, corner rings, background colour or image
Caption toggles, independent name/role/quote sizes and colours
Framer Font control so typography inherits your site styles
CTA pill button with custom label, colours, size and link
Staggered entrance animation with stagger, duration, play once
Respects reduced motion preferences and disables autoplay
Renders its final state on canvas never a blank frame
Any layout width and height, fully responsive
Built-in demo sections to preview the pinned scroll before you wire it up
React and Framer Motion only no external dependencies
Best for: agency sites, SaaS landing pages, portfolios, creator brands, service businesses, product pages and about sections.
Most testimonial sections get scrolled past in half a second. Scroll Testimonials turns your customer proof into a moment visitors have to move through. The section pins to the viewport and a fanned deck of portrait cards rises from below one at a time. Each card lifts, scales into focus with the photo, name, role and quote, then relaxes into a clean tilted row as the next takes over. Nothing is hardcoded shape every part of it from Framer's property panel, no code needed.
Features
Pinned scroll section with cards that rise and focus one at a time
Three modes On Scroll, Autoplay or Hover
Adjustable pin length (1.2×–8× viewport height)
Autoplay interval 0.5s–10s with optional hover-to-pause
Unlimited testimonials: photo, name, role, quote
Card width, height, corner radius, border colour and width
Overlap and tilt controls to shape the deck
Separate active/resting scale, resting opacity, frosted wash
Rise distance for how far cards travel on scroll
Oversized background heading outline or filled
Optional grid pattern, corner rings, background colour or image
Caption toggles, independent name/role/quote sizes and colours
Framer Font control so typography inherits your site styles
CTA pill button with custom label, colours, size and link
Staggered entrance animation with stagger, duration, play once
Respects reduced motion preferences and disables autoplay
Renders its final state on canvas never a blank frame
Any layout width and height, fully responsive
Built-in demo sections to preview the pinned scroll before you wire it up
React and Framer Motion only no external dependencies
Best for: agency sites, SaaS landing pages, portfolios, creator brands, service businesses, product pages and about sections.
Nirav Jivani
