SearchF
April 9, 2026/Advanced/Testimonials

Line Reveal Testimonials

Full-width testimonial slider with GSAP SplitText line-mask transitions. Each slide's quote and author details animate in line-by-line, with the avatar revealed via a circular clip-path. Supports autoplay, keyboard navigation, and reduced-motion.

Live Demo ↗

Preview

1 / 4

What our clients say:

“Working with No-5 transformed our digital presence entirely. The motion design language they built feels completely native to our brand.”

Sarah Chen

Sarah Chen

Kickandbass

Source

import LineRevealTestimonials from "./index.jsx";
import { lineRevealTestimonials } from "../demo-data.js";
import styles from "./demo.module.css";

export default function LineRevealTestimonialsDemo() {
  return (
    <div className={styles.demo}>
      <p className={styles.label}>What clients say</p>
      <LineRevealTestimonials {...lineRevealTestimonials} />
    </div>
  );
}

Dependencies

  • gsap

Related Components

2MO AGO
Review Carouseltestimonials
2MO AGO
Split Testimonialtestimonials
3MO AGO
Testimonial Gridtestimonials