Calendar Reminder

Upcoming-meeting card with a starts-soon pill, video location, and attendee count.

Weekly product syncToday, 14:00 – 14:30
in 10 min
Google Meet6

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

Import & use
import { Notification12 } from "@/components/beste/piece/notification12";

<Notification12
  title="Weekly product sync"
  time="Today, 14:00 – 14:30"
  location="Google Meet"
  attendees={6}
  startsIn="in 10 min"
/>

More Notification pieces

View all Notification
@maya.dev mentioned you in #design-reviewCan you take a look at the new pricing layout when you're free?5m ago

Mention Alert

notification5

You-were-mentioned card with the channel context and the quoted message.

3 new likeson your post about shipping velocity
Alex repliedin the #launch-prep thread
Daily standupstarts in 10 minutes

Notification Stack

notification10

Grouped inbox card showing three queued notifications behind two peeking cards above.

Activity

Rowan Blake confirmed

Intake · 09:00

2m

Invoice #4821 paid

$1,240 · Card

18m

Renewal due soon

3 members this week

1h

Activity Feed Card

notification18

A stacked activity feed where each row carries a tinted icon chip, a title and meta line, and a relative timestamp.

Update availablev2.14.0
Restart to install new editor shortcuts and bug fixes.

Update Prompt

notification9

Software update card with version chip, changelog blurb, and a later or install action row.

Out for deliveryArrives today before 18:00
DHL Express1Z999AA10123456784

Shipping Update

notification13

Delivery progress card with a four-step tracker, carrier line, and ETA string.

Uploading64%
product-hero-final.mp4

Upload Toast

notification15

Live progress card with spinner, percent, filename, and a cancel × at the end of the row.