20% off

Alphonso

₹

Loved worldwide for their sweetness, our Alphonso mangoes are a delicious delight wherever you are.

Best SellerKerala

Controls

title

description

price

currency

discount

location

ctaLabel

defaultQuantity

maxQuantity

tint

accent

accentForeground

radiuspx

aspect

autoplayms

wishlist

imageFit

Product Card

Full-bleed product card with a swipeable image carousel, glass pills, rolling price and an add-to-cart button that morphs into a quantity stepper.

Open in v0

$ pnpm dlx shadcn@latest add @tweenly/product-card

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

const images = ["/gallery/01.jpg", "/gallery/02.jpg", "/gallery/03.jpg"]

export function Demo() {
  return (
    <ProductCard
      title="Alphonso"
      description="Loved worldwide for their sweetness, our Alphonso mangoes are a delicious delight wherever you are."
      price={270}
      discount="20% off"
      location="Kerala"
      wishlist
      images={images}
      badges={["Best Seller"]}
      onAddToCart={(qty) => console.log("added", qty)}
    />
  )
}

Updates live as you change the controls. Only non-default props are included.