jason-mohabali

ProductCard

Cards

About

Product grid card with square cover image, vendor badge, headline, and sale-price strike-through. Hover-zoom on image, rounded-lg surface, ready for catalog grids.

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

Code

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

Usage.tsx

import { ProductCard as PublishedComponent } from "@/components/ui/product-card"

export default function Demo() {
  return <PublishedComponent />
}

Dependencies

More by jason-mohabali

View all
  • Path to Resilience Orbital Timeline

    Path to Resilience Orbital Timeline

    114
  • The Digital Store — Template Showcase

    The Digital Store — Template Showcase

  • Aidimension Ui Textarea

    Aidimension Ui Textarea

  • Aidimension Ui Switch

    Aidimension Ui Switch

  • Aidimension Ui Slider

    Aidimension Ui Slider

  • Aidimension Ui Select

    Aidimension Ui Select

  • Aidimension Ui Tabs

    Aidimension Ui Tabs

  • Aidimension Ui Separator

    Aidimension Ui Separator

More in Cards

View all
  • Card

    Card

    56
  • Stats cards with links

    Stats cards with links

    81
  • Statistics Card 2

    Statistics Card 2

    265
  • Course Design Cards

    Course Design Cards

    1.1K
  • Statistics Card 10

    Statistics Card 10

    264
  • Card

    Card

    17
  • The Item one

    The Item one

    3
  • Card Studio

    Card Studio

    7