Testimonial

Component 84

About

Here is Testimonial component

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Testimonial to your project and fits it to your theme.

Code

How Testimonial is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

export default function Example() {
    return (
        <div className="flex flex-wrap items-center justify-center p-1 rounded-full bg-white border border-gray-300 text-sm">
            <div className="flex items-center">
                <img className="w-[30px] rounded-full border-3 border-white"
                    src="https://cdn.21st.dev/assets/mirror/b9/b99202059df46f381f29b4cdfd053e23e6c1f7df2e35439557ede29093194cd7.jpg"
                    alt="userImage1" />
                <img className="w-[30px] rounded-full border-3 border-white -translate-x-2"
                    src="https://cdn.21st.dev/assets/mirror/2b/2b8473b7e84d17c8afbcf48c76952205410f895cad557bf6fc34fe4ff27a647f.jpg"
                    alt="userImage2" />
                <img className="w-[30px] rounded-full border-3 border-white -translate-x-4"
                    src="https://cdn.21st.dev/assets/mirror/1c/1c277571419c3aad2cbd02e10455778570c18b5aa613eab13596d63412b54d1e.jpg"
                    alt="userImage3" />
            </div>
            <p className="-translate-x-2">Trusted by 10,000+ people</p>
        </div>
    );
};