Pieces/Notification

Compact, self-contained widgets that behave like assets. Drop them into any block, card, or page to add a small touch of polish without rewriting the surrounding UI.

Payment successfulYour invoice has been sent to billing@beste.co

Success Toast

notification1

Notification with a circled icon, title, description, and an optional action link.

Your card was declinedUpdate the payment method on file to retry the charge.

Alert Toast

notification2

Tinted alert with error, warning, or info severities. Optional dismiss × on the right.

Linear
Linearnow
New issue assignedENG-482 · Crash on checkout submit

Push Notification

notification3

Mobile-style push toast with app icon tile, timestamp, and a two-line preview.

Elena Park
Elena Park2m
Just pushed the redesign. Take a look when you have a sec 🙌

Message Preview

notification4

Chat notification showing sender avatar, message snippet, timestamp, and an unread dot.

@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.

Achievement unlockedShipped 10 pull requests this week
+250 XP

Achievement Toast

notification6

Celebratory unlock notice with a gradient trophy tile and an XP chip on the right.

Deployed42s
fix: resolve cart rounding edge case
a1b2c3d·main

Deployment Toast

notification7

CI/CD status card with branch, short commit sha, duration, and a building or failed state.

Jordan Reyes
Jordan Reyes@jordan.r12 mutual connections

Follow Request

notification8

Incoming request card with avatar, handle, mutual-connections line, and accept or decline buttons.

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.

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.

Stripereceipts@stripe.com
09:42
Your February invoice is readyYour usage for February 1 – 29 totalled $1,284.00. Payment will be collected on the 3rd.

Email Preview

notification11

Inbox row with sender, subject line, two-line body preview, attachment clip, and star.

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

Calendar Reminder

notification12

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

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.

Priya Shah
Priya Shahreplied to your comment
8m
Love the new onboarding flow! Quick q — does the skip button persist across sessions?

Comment Reply

notification14

Reply-to-your-comment notification with quoted text, like count, and an inline reply action.

Uploading64%
product-hero-final.mp4

Upload Toast

notification15

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

AnnouncementBeste v3 is now in open beta
Early access to the new editor, theming, and live previews.

Announcement Banner

notification16

Full-width tinted banner with a tag pill, headline, CTA button, and a dismiss control.

12
Notifications

Bell Badge

notification17

Bell icon with a pinging count badge that caps at 99+ and sits in a rounded pill.