Components
Loading preview...
Review Summary Card This component provides an animated display for product or service ratings. It features a count-up animation for the rating and review numbers and a staggered animation for the stars, making the presentation dynamic and engaging.
@lavikatiyar
npx shadcn@latest add https://21st.dev/r/lavikatiyar/card-2import { ReviewSummaryCard } from '@/components/ui/card-2'; // Adjust the import path
/**
* A demo component to showcase the ReviewSummaryCard.
*/
const ReviewSummaryCardDemo = () => {
return (
<div className="flex h-full w-full items-center justify-center bg-background p-4">
<ReviewSummaryCard
rating={5.0}
reviewCount={1092}
summaryText="Outstanding: Rated 5.0 with 1,092 Reviews."
/>
</div>
);
};
export default ReviewSummaryCardDemo;