Testimonial Slider
Infinite draggable testimonial carousel powered by GSAP's horizontalLoop utility. Supports autoplay with scroll-trigger pause/resume, inertia-based drag with snapping, bullet avatar navigation, prev/next controls, and an orange corner-bracket accent on the active slide.
Preview
Working with No-5 transformed our digital presence entirely. The motion design language they built feels completely native to our brand.
Sarah ChenThe attention to detail is unmatched. Every scroll, hover, and transition was considered. Our bounce rate dropped 40% after launch.
Marcus ReedFrom first call to launch, the process was seamless. They pushed back when needed and the result was better for it.
Aisha WilliamsThe interactions we got were genuinely beyond what we thought was possible on the web. Clients mention the site constantly.
Jordan ParkA studio that understands both craft and performance. The site looks stunning and loads in under two seconds.
Elena TorresSource
import TestimonialSlider from "./index.jsx";
import { testimonialSlider } from "../demo-data.js";
import styles from "./demo.module.css";
export default function TestimonialSliderDemo() {
return (
<div className={styles.demo}>
<div className={styles.heading}>
<p className={styles.label}>What clients say</p>
<h2 className={styles.title}>Kind words</h2>
</div>
<TestimonialSlider {...testimonialSlider} />
</div>
);
}
Dependencies
gsap
Related Components
