component
Sheer Testimonials
By Vraj Parikh
Details
- Vraj ParikhAuthor
- componentType
- 2026-05-20Published
- 2026-05-20Updated
- 2026-05-12Added
- SectionsCategories
Summary
Turn Reviews into Interactive Experience
Description
This testimonial section gives you a complete, ready-to-drop social proof block - not just a card, but the whole section with heading, description, and two call-to-action buttons on the left, paired with an interactive testimonial carousel on the right. The carousel displays three cards at once in a stacked depth layout - one large focused card in the center with smaller preview cards peeking from each side. Each card features a full-bleed customer photo overlaid with a frosted-glass panel showing star ratings, the reviewer's name, job title, and company. Hover over the active card and the glass overlay expands to reveal the full testimonial quote - a subtle interaction that keeps the layout clean while letting visitors read the actual feedback when they're interested. Navigate between testimonials using the built-in left and right arrow buttons. The component is fully responsive, stacking the heading, buttons, and carousel vertically on smaller screens. What's included Complete two-column testimonial section (heading + carousel) Stacked card carousel with large center card and side previews Frosted-glass overlay with blur effect on each card Hover interaction that reveals the testimonial quote text Star ratings (supports different ratings per card) Full-bleed customer photos with name, role, and company Left/right navigation arrows Blue "Testimonial" section label Two CTA buttons (filled + outlined) Fully responsive — stacks on mobile Link/action icon on preview cards Works great on SaaS and product landing pages Agency and studio websites Startup marketing sites Portfolio and freelancer pages Any site that needs a polished social proof section
Introduction
Turn Reviews into Interactive Experience
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #3585