Components
Loading preview...
Minimal testimonials sections with image and quote. Features: - Image Carousel: Enjoy smooth animated image transitions with cool 3D rotation effects. - Word Animation: Watch text pop up with a fun word-by-word animation. - Navigation Controls: Easily navigate with Previous/Next buttons that have hover animations. - Autoplay Support: Choose to have an automatic slideshow if you want. - Shadcn/ui Integration: Get built-in theme support for a consistent look. - Responsive Layout: It adjusts from a two-column layout on desktop to a single-column view on mobile. - Customizable Styles: Style it your way with easy customization through className props. Example Use Cases: - Customer Reviews: Show off customer feedback along with their photos. - Team Showcase: Highlight team members with their profiles. - Client Testimonials: Present client feedback in a visually appealing way. - Portfolio Reviews: Feature project feedback from clients.
@aceternity
npx shadcn@latest add https://21st.dev/r/aceternity/animated-testimonialsimport { AnimatedTestimonials } from "@/components/ui/animated-testimonials";
function AnimatedTestimonialsDemo() {
const testimonials = [
{
quote:
"The attention to detail and innovative features have completely transformed our workflow. This is exactly what we've been looking for.",
name: "Sarah Chen",
designation: "Product Manager at TechFlow",
src: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?q=80&w=3560&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
},
{
quote:
"Implementation was seamless and the results exceeded our expectations. The platform's flexibility is remarkable.",
name: "Michael Rodriguez",
designation: "CTO at InnovateSphere",
src: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
},
{
quote:
"This solution has significantly improved our team's productivity. The intuitive interface makes complex tasks simple.",
name: "Emily Watson",
designation: "Operations Director at CloudScale",
src: "https://images.unsplash.com/photo-1623582854588-d60de57fa33f?q=80&w=3540&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
},
{
quote:
"Outstanding support and robust features. It's rare to find a product that delivers on all its promises.",
name: "James Kim",
designation: "Engineering Lead at DataPro",
src: "https://images.unsplash.com/photo-1636041293178-808a6762ab39?q=80&w=3464&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
},
{
quote:
"The scalability and performance have been game-changing for our organization. Highly recommend to any growing business.",
name: "Lisa Thompson",
designation: "VP of Technology at FutureNet",
src: "https://images.unsplash.com/photo-1624561172888-ac93c696e10c?q=80&w=2592&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
},
];
return <AnimatedTestimonials testimonials={testimonials} />;
}
export { AnimatedTestimonialsDemo };