Testimonial & Review Showcase- Three flexible ways to showcase customer stories.
Component Name: Motion Slider
A modern and customisable testimonial component designed to help you present customer feedback, reviews, and social proof with a polished visual experience.
Choose between Horizontal, Vertical, or 3D layouts and customise the component to fit your brand and website.
What's Included:
3 Unique Testimonial Styles
Horizontal
A smooth horizontal layout for showcasing customer testimonials in a clean and engaging format.
Vertical
A compact vertical layout that works well for stacked reviews, testimonial sections, and content-focused layouts.
3D
A dynamic 3D experience that adds depth and motion to your testimonials, helping your customer stories stand out.
Customise Everything From the Properties Panel
The component is designed to be flexible and easy to customise directly inside Framer.
Duration: Control how long the testimonial carousel or animation runs before moving through the content.
Pause on Hover:
Choose whether the testimonial motion pauses when a user interacts with or hovers over the component.
Card Width:
Adjust the width of each testimonial card to fit your layout and content.
Card Radius:
Control the roundness of your testimonial cards to match your website's visual style.
Card Gap:
Adjust the spacing between testimonial cards for a tighter or more spacious layout.
Background:
Change the main background colour of the testimonial section.
Card:
Customise the background colour of the testimonial cards.
Text:
Change the primary text colour to match your brand's typography and visual identity.
Handle:
Customise the colour of the handle or interaction element used within the component.
Border:
Adjust the border colour to create a subtle or more defined card appearance.
Edit Code:
For advanced users, the Edit Code option provides access to the component's code for further customisation.
How to Use
01 — Choose Your Style
Select the testimonial experience that best fits your website: Horizontal, Vertical, or 3D.
02 — Add Your Reviews
Replace the placeholder content with your customer testimonials, reviews, names, roles, and profile images.
03 — Customise Your Layout
Use the Properties Panel to adjust the Duration, Pause on Hover, Card Width, Card Radius, and Card Gap.
04 — Match Your Brand
Update the Background, Card, Text, Handle, and Border colours to match your brand identity.
05 — Add & Publish
Place the component anywhere on your website, preview the experience, and publish when you're ready.
Built for Modern Websites
Perfect for:
SaaS · Startups · AI Products · Agencies · Digital Products · Creative Studios · Portfolios · Landing Pages
Make Your Testimonials Stand Out
Whether you prefer a clean horizontal layout, a compact vertical experience, or an immersive 3D presentation, this component gives you multiple ways to showcase your customer stories.
Choose your style. Customise your experience. Build trust.
Three layouts. Flexible controls. One powerful way to showcase social proof.
Follow me on X: https://x.com/shrutii_studio
Contra: https://contra.com/shruti3113/work?r=shruti3113
