Stock Alert
Urgency row with a pulsing dot that flips emerald, amber, or rose by remaining stock, a watchers count, and a thin stock bar.
Usage
The import and the props worth knowing about, in one place.
import { Commerce4 } from "@/components/beste/piece/commerce4";
<Commerce4
remaining={3}
total={50}
watchers={18}
/>More Commerce pieces
View all CommerceStock Countdown
Product card whose stock bar shrinks a few units at a time as the Only N left badge warms from neutral to amber to rose, sells out, then restocks.
- Order placedApr 20, 2:14pm
- PackedApr 21, 9:00am
- ShippedApr 21, 4:30pm
- DeliveredEstimated Apr 22
Order Tracking
Vertical shipment status with check, spinning, and pending dots connected by a tone-colored line, each row showing label and timestamp.
Free Shipping Bar
Shipping threshold card with a truck icon, an amount-to-go message that flips emerald on qualifying, and a tone progress fill toward the goal.
Mia R. in Los Angeles just bought Air Max 90
3 min agoLive 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.