Live Sale Toast

Social-proof popup with a gradient initials avatar and an emerald shopping-bag dot, a who-bought-what sentence, and a relative time stamp.

Mia R. in Los Angeles just bought Air Max 90

3 min ago

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Commerce26 } from "@/components/beste/piece/commerce26";

<Commerce26
  buyer="Mia R."
  initials="MR"
  city="Los Angeles"
  product="Air Max 90"
  ago="3 min ago"
  imageSrc="https://images.unsplash.com/photo-1523824921871-d6f1a15151f1?w=200&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTA3fHxwb3J0cmFpdHxlbnwwfHwwfHx8MA%3D%3D"
  alt="Mia R."
/>