← Back to components
Product Card
A modern product card with image, pricing, and quick actions
E-commerce
Created by Emma Commerce
4.9 rating
1,234 downloads
Preview
How to use
import { ProductCard } from "@/components/demos/product-card"
export default function ProductGrid() {
return (
<div className="grid grid-cols-4 gap-4">
<ProductCard />
</div>
)
}
Note: Make sure you have the required dependencies installed and the necessary UI components imported in your project. The component uses Tailwind CSS for styling and may require additional setup based on your project configuration.