Testimonial card
A customer quote card that rises into view with the author's avatar, role and company.
npm install motion clsx tailwind-merge lucide-react or npx programmable-cli add testimonial-card
MP4 and GIF exports are for sites that are not on React. Each counts as this month’s download of the component.
What it’s for
- Trust sections near a call to action
- Customer and case study pages
- Signup and checkout pages
How to use it
- Download the file. TestimonialCard.tsx is one self-contained React component. Pick a brand colour above and the file comes in it, where the component has a main colour to replace. Sites not on React can take it as an MP4 or GIF.
- Install what it uses.
npm install motion clsx tailwind-merge lucide-react, with Tailwind CSS set up in your project. - Drop it in.
import { TestimonialCard } from "./TestimonialCard";then render<TestimonialCard />where you want it.
Want it about your product? Make one like it and the studio builds a version with your features, numbers and brand.
Related components
Social proof bannerStar ratings and headline metrics that fade in, in default, compact or highlighted layouts.
AwardsAwards and certifications as a featured showcase, a grid, a year timeline or compact badges.
Trust signalsCustomers, ratings, awards, security badges and metrics combined in one trust section.
Live activity feedA compact happening-now card where new activity slides in at the top and the oldest row slides out.React + Tailwind CSS. Use downloads in your own sites and products; please don’t resell them as a component library. Repeat downloads of the same component in a month don’t count.