Card

Testimonials 43

About

Review Card A visually polished card component to display user reviews or testimonials, complete with an avatar, rating, and review text. It features a subtle entrance animation and is fully themeable using shadcn/ui variables.

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

Code

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

Usage.tsx

import { ReviewCard } from "@/components/ui/card-1"; // Adjust the import path as needed

export default function ReviewCardDemo() {
  return (
    <div className="flex items-center justify-center min-h-screen bg-background p-4">
      <ReviewCard
        name="Jamal Abdul"
        handle="New user On Doorin"
        review="This app is a game-changer! Easy to use, tons of options, and amazing deals. My go-to for all travel plans. Highly recommended!"
        rating={5.0}
        imageUrl="https://cdn.21st.dev/assets/mirror/43/43d95f2384ae1da7afa92d96814b35d48e97402669d7a1d1333cbb5a0a5cbb85.jpg"
      />
    </div>
  );
}