← 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.